Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • October 14, 2019 at 8:42 pm #1147905
    dudeto29

    Hello,

    I’m trying to set a small whitespace between the top navigation menu and the first element, but negative values don’t seem to work.

    For example I would need white space between the nav menu and the first slider on this page:

    Home

    and between the nav menu and the photo/bio section on this page:

    About

    I tried the solution proposed in thread below (added to the custom css in the child theme) but it doesn’t work:
    https://kriesi.at/support/topic/whitespace-separator-height-will-not-change/

    Thank you in advance for your help!

    October 15, 2019 at 5:03 am #1147936
    Mike

    Hey dudeto29,
    To add a space between the header and the top element please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    .html_header_top.html_header_sticky.html_large #main {
    padding-top: 316px !important; 
}

    2019-10-14-225938
    2019-10-14-230123

    Best regards,
    Mike

    October 16, 2019 at 7:37 pm #1148595
    dudeto29

    Hi Mike,

    Thanks for the answer.

    The code works, but adds space on every page. Is it possible to target a specific page, like when adding a whitespace separator element?
    In the above example, I’m interested to have more space only on the Home and About pages.

    Thank you in advance!

    October 17, 2019 at 8:28 am #1148813
    Rikard

    Hi,

    Yes you can target specific pages, but you will need the page-id class in order to do so. You can inspect the page in question in your browser and you will find the class in the body tag. You can then use CSS like this:

    .page-id-123 #main {
    padding-top: 316px !important; 
}

    Just replace the example page-id class with your own.

    Best regards,
    Rikard

    October 17, 2019 at 8:56 pm #1149036
    dudeto29

    Hi Rikard,

    This works!

    Thanks a lot and have a nice day:)

    October 17, 2019 at 11:48 pm #1149058
    Jordan Shannon

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Whitespace Separator height problem’ is closed to new replies.