This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

space between menu and first row

Resolved 21 replies premiumthemetheme-vantage
Harold Lak
10 years ago · Last reply by Andrew Misplon 10 years ago

Hello Siteorigin.

I know this question has been dealt with before in many places but I don’t seem to be able to get rid of the white space between my menu and first row. Tried many custom CSS solutions but to no avail.

I am running Vantage Premium (Best theme around)

Please be so kind to take a look:

Thanks a million.

URL: http://hbof.org

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

21
  1. Harold Lak 10 years, 5 months ago

    Hi again
    Just found out that the gap closes when row is in “standard” mode but returns in both “full width” and “full width-stretched”.

  2. Philippos Nicolaides 10 years, 5 months ago

    Hello Harold

    That is the top padding of your row i believe.

    I think adding

    .panel-row-style { padding-top: 0}

    in the main css editor of the theme will remove the top padding from all rows and adding

    padding-top: 0;

    in the css editor of the specific row to remove it only for that row

  3. Harold Lak 10 years, 5 months ago

    Hey Phillipos!

    Thanks for that… it didn’t work as a custom CSS addition but in the main CSS I now found:

    .layout-full .panel-row-style.panel-row-style-wide-grey,
.layout-full .panel-row-style.panel-row-style-full-width {
  margin: 0 -1000px;
  padding: 25px 1000px 25px 1000px;
}

    I changed the 25 values to 0 and BINGO!

    Thanks again!

    Regards,

    Harold.

  4. Andrew Misplon Staff 10 years, 5 months ago

    Hi Harold

    Thanks for your support.

    Thanks for helping out Philippos.

    Editing style.css is unfortunately not update safe. All WordPress.org themes completely overwrite their own folder during the theme update process.

    If you’re feeling up for it, restore the edited rule in style.css and then let me know the page we’re working with. That way we can make the change in Appearance > Custom CSS and ensure it’s update safe.

  5. Harold Lak 10 years, 5 months ago

    Hey Andrew!

    You are a swift boy! :)

    I have set everything back to normal in CSS.

    Now the page we’re working with is:

    http://www.hbof.org

    Dying to get the solution for this.

    Regards,

  6. Andrew Misplon Staff 10 years, 5 months ago

    Thanks :)

    Try the following at Appearance > Custom CSS:

    /* Home */
.layout-full.home .panel-grid:first-of-type .panel-row-style.panel-row-style-full-width {
	padding-top: 0;
}
  7. Harold Lak 10 years, 5 months ago

    BINGO!

    Man… I have been fighting this for 5 hours now without result.
    Enjoyed it though because it is a challenge to figure it out myself.
    But my wife couldn’t put up with the swearing anymore so that’s why I had
    to ask you.

    Many, many thanks Andrew!

  8. Andrew Misplon Staff 10 years, 5 months ago

    Apologies for the hassle. Glad to hear that did the trick :)

    All the best with your site.

  9. Harold Lak 10 years, 5 months ago

    Sorry… it’s Mr Pain in the Butt again :(

    Your custom CSS seems to have affected all pages now which is not the intention.

    Any way we can only have it for the home page?

    Thanks again.

  10. Andrew Misplon Staff 10 years, 5 months ago

    No problem :) Head over to your Custom CSS and find this rule:

    #main {
    padding-top: 0;
}

    Change that to:

    .home #main {
    padding-top: 0;
}
  11. Harold Lak 10 years, 5 months ago

    again BINGO!

    You’re a magician.

    Time for me to start studying CSS I guess. It’s fascinating.

  12. Andrew Misplon Staff 10 years, 5 months ago

    Super, glad to hear that helped.

    Every page and post has a unique class in the body tag. For the home page it’s: .home

    Perhaps check out our Page: SiteOrigin CSS Editor plugin. It has a visual editor component that can help learning.

    Greg’s original Custom CSS video is also worth a watch: https://siteorigin.com/basics/modifying-theme-design-with-custom-css/.

    All the best.

  13. Harold Lak 10 years, 5 months ago

    I’ve got the CSS plugin and have watched Gregs video 3 times.
    That guy speaks perfect English for a German (I think he is)

  14. Andrew Misplon Staff 10 years, 5 months ago

    Thanks for checking the video out.

    Greg has Dutch heritage, he’s from Cape Town. His accent is normal for our little part of Cape Town :)

  15. Harold Lak 10 years, 5 months ago

    That’s funny.
    I am Dutch too.
    Migrated to Australia in 1982.
    Misplon….? Never heard of in Dutch.
    Could be that your explanation is right.

  16. Andrew Misplon Staff 10 years, 5 months ago

    Originally Meplau or something like that. Then perhaps just mispronounced here in South Africa.

    All the best with your site :) Let us know if anything else comes up.

  17. Harold Lak 10 years, 5 months ago

    In regards to: Let us know if anything else comes up.

    Well Andrew… I hate to be a pain….
    But the last custom CSS:

    .home #main {
    padding-top: 0;
    }

    Seems to have re-introduced the gap issue on the home page.
    Been away for dinner but just noticed it.

    http://hbof.org

    Sorry.

  18. Andrew Misplon Staff 10 years, 5 months ago

    No problem, taking a look now.

  19. Andrew Misplon Staff 10 years, 5 months ago

    Just need to remove the following rule from Custom CSS:

    .home #main {
    padding-top: 20px !important;
    padding-bottom: 0px !important;
}

    Should do the trick.

  20. Harold Lak 10 years, 5 months ago

    Magic again!

    Thanks heaps.

  21. Andrew Misplon Staff 10 years, 5 months ago

    For sure :) Glad to hear that helped.

Replies on this thread are closed.

Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Have a different question or issue?

Start New Thread