Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #317551

    Hello,
    I am trying to use the Avia Editor for my pages, but I get a huge white space between them, and much more than what I see on the Enfold preview in ThemeForest.
    You can see my test home page here: http://www.vozviva.es/blog/inicio/
    What I´d like to improve is:
    – space between Slider and text (3 columns as in your demo)
    – space before and after each block, and in particular the separators
    – I may want to decrease also the space before and after the opinions
    Many thanks, and best regards,
    Olivier

    #317842

    Hi OlivierCharlot!

    Thank you for using Enfold.

    You can adjust the height or margins of the separators but when you want to do it via css, just add this on Quick CSS or custom.css:

    .hr-full, .hr-big {
    margin: 20px 0;
    }

    Decrease the default content padding with this:

    .content, .sidebar {
    padding-top: 10px;
    padding-bottom: 10px;
    }

    Regards,
    Ismael

    #317936

    Hi Ismael,

    Brilliant for the space before / after separators.

    The other code does not reduce the space between the Slider and the content below, and I saw no change either with the space before / after the opinions.
    Is there anothe rcode for that?

    Many thansk for your support!
    Olivier.

    #318043

    Hi!

    Please try using following code in Quick CSS

    body .column-top-margin {
    margin-top: 10px;
    }

    Best regards,
    Yigit

    #319111

    Hello Yigit,
    Your CSS code seemed to affect the widget, and not the main content…
    I found my way in the Layer Slider editor, plugging a negative margin for the slider used on my home page.
    It´s fine like this now. You can close the topic.
    Thanks for your help!
    Olivier.

Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘How to reduce the space between content elements in the Avia Editor’ is closed to new replies.