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


    Congratulations for the great theme.

    I am trying to increase the width (or reduce the buffer) of a number of columns (created as layout elements) in my home page. I have looked in the forum and cannot find the exact answer.

    In this Url . What I am trying to do is to make the four columns wider, reducing the gap between the columns and aligning the columns on the left and right to the top picture

    Help would be appreciated. Not urgent but important.

    Thank you


    Hi aristeia!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    div .av_one_fourth {
    margin-left: 2%;
    width: 23.5%;



    Thank you!

    That helped with the space bettween the elements.

    What about the alignment on the leftmost and rightmost boxes to the picture above?

    Thank you again



    Please add following code to Quick CSS as well

    .home div#after_section_1 .container {
    max-width: 100%;
    padding: 0;



    Thank you,

    No luck with that. The first component (El Eden) is still indented (i.e. not aligned with the large picture on top. I cleaned cache and checked in Safari and Chrome



    Place the contents inside a color section then apply a unique id to it using the For Developers: Section ID field. Use “custom-section” for example then add this on Quick CSS:

    #custom-section .container {
    padding: 0 !important;


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