• Resolved pandaporium

    (@pandaporium)


    Hi All,

    I’m using Polestar and it’s the most suitable design I’ve come across for my eStore needs. However on the Homepage, the gap between the banner and the main text body is too big. Can this be reduced? I have tried several CSS codes but nothing has worked. Website isn’t live yet either… Few creases I need to iron out, this being one of them. Its the gap exactly as shown on the bottom of the image and the first line of text on https://purothemes.com/themes/polestar/

    Many thanks

Viewing 3 replies - 1 through 3 (of 3 total)
  • Hi @pandaporium

    Thanks for reaching out. Glad to hear you’ve been enjoying Polestar. Please, try:

    .site-header {
        margin-bottom: 60px;
    }

    (If you ever add the premium version this can be done in the header settings section. Happy to help out with small snippets like this though ??
    https://purothemes.com/documentation/polestar-wordpress-theme/customizer-theme-settings/header/)

    Thread Starter pandaporium

    (@pandaporium)

    Hi Andrew, thanks for the speedy reply. I put the code in the Additional CSS section, and again, nothing changes just like when I tried the other codes. But then I put it in the Custom CSS and boom, it worked! Hours and hours of googling and youtubing and nothing, 10 mins on here and the quickest resolution ever.

    Cheers Andrew, much appreciated.

    Awesome ?? Glad to hear that helped. The difference between Additional CSS vs Custom CSS is most likely the position in the document that they are inserted at. Using the developer tool inspector to look at the CSS rules and see when one is being cancelled out due to a lesser specificity or losing out due to the document cascade is really helpful. Please, let me know sooner next time so I can try save you some time.

    Chat soon, cheers ??

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How to remove gap between homepage banner and main body text’ is closed to new replies.