Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • December 9, 2020 at 10:04 pm #1266138
    otavioef

    Hi, guys. Hope everything is fine over there!

    When I set up a whitespace element, it automatically adds 50px padding top and 50px padding bottom of the element, adding up the total sum of pixels.

    For example, as the image I send on the link, I set up a 20px whitespace element and it ends up with 120px height.
    If I set up a 1px whitespace, it ends up with 101px height.

    How can I get rid of that extra top and bottom padding so I can work with precise whitespaces?

    This is the link:
    enfold-whitespace

    Thank you.
    Cheers from Brazil

    December 10, 2020 at 3:05 pm #1266305
    Rikard

    Hey otavioef,

    Thanks for the screenshot, please post a link to where we can see the actual element as well.

    Best regards,
    Rikard

    December 10, 2020 at 5:57 pm #1266338
    otavioef

    Hi, Guys, it is still in develpment, but you can take a look at the link below :D

    Thank you.

    December 10, 2020 at 9:04 pm #1266383
    Victoria

    Hi otavioef,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
#top.page-id-145 #after_submenu_1 .hr-invisible, 
#top.page-id-145 #after_submenu_1 .content {
    margin: 0 !important;
    padding: 0 !important;
    height: 0;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    December 11, 2020 at 10:06 am #1266493
    otavioef

    Hi, Victoria. Thank you.

    It worked.

    I understand that this css was targeted to that specific page and also that I can adjust the height on it.

    But I would like to understand why it had that extra padding so I can prevent it from happening againg. Is it because of the sorrounding elements?

    I have other whitespace elements on the same website and they work fine. as expected.

    Thank you.

    December 11, 2020 at 7:43 pm #1266631
    Victoria

    Hi otavioef,

    There is a section with the whitespace that can be removed totally in the Advanced Layout Builder. The whole #after_submenu_1 section.

    Best regards,
    Victoria

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.