Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #728925

    Hi there,

    we are working a new website for a customer.
    The enfold theme uses sections to display information like pictures and text.

    We use the avia builder to show a textbox, a team member box and another textbox.
    Between each element there is an empty spacing which we don’t want.

    I’ve stored some screenshots on our webserver. See private data.
    The elements used in Enfold are the same for both screenshots.

    Where do these spaces come from and how can I remove them?
    Why does are there no spaces for the elements used in sections2.PNG but for them used in sections1.PNG?

    Thanks and BR, Niemitz

    #729012

    Hey Niemitz (www.bios-tec.de),

    you could try to remove them by using a Whitespace/Separator element (use negative values to decrease space).

    Best regards,
    Andy

    #729032

    Hi Andy,

    that works for one section but not everyone. (see private data)

    I’d be interested in why there are different behaviors for the same elements.
    Do you have an idea?

    #729042

    Hey!

    Please add following code to Quick CSS as well

    .team-member-description p {
        padding-bottom: 30px;
    }

    Best regards,
    Yigit

    #729047

    Hi Yigit,

    that works well, thanks!
    But why :D

    #729049

    Hi!

    Good question ;D
    Your content in team member description has certain height but zero bottom padding, that is causing the extra space. Adding some bottom padding fixes it :)

    You are welcome! Let us know if you have any other questions or issues

    Cheers!
    Yigit

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