Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • June 26, 2014 at 2:46 pm #284093
    richardwilding

    Hi there, I have started a new website using Enfold, and it looks really promising.

    However, I find the vertical and horizontal spacing between the main Aviva elements much too wide, and would really prefer to use 20px spacing like I had in my html template (second link)

    I’d also like to introduce the same spacing between the 4 portfolio previews at the bottom of the home page, rather than having them joined together with no spacing.

    How can I do this across the whole site, either in a child theme, or with a change in the quick css

    Thanks!

    June 26, 2014 at 3:23 pm #284119
    Yigit

    Hi Richard!

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

    div .av_one_third {
margin-left: 2%;
width: 33.3%;
}
div .av_one_half {
margin-left: 2%;
width: 49%;
}
body .column-top-margin {
margin-top: 20px;
}
.content, .sidebar {
padding-top: 20px;
padding-bottom: 20px; }
#top .isotope-item {
padding-right: 10px;
}

    Cheers!
    Yigit

    June 26, 2014 at 3:35 pm #284123
    richardwilding

    Thanks Yigit, this is brilliant!

    However, the vertical spacing above and below the text block in the two half columns in the middle of the front page also needs the same adjustment. How can I do this?

    June 26, 2014 at 3:48 pm #284126
    richardwilding
    This reply has been marked as private.
    June 26, 2014 at 4:04 pm #284133
    Yigit

    Hey!

    Please add following code to Quick CSS as well

    .av-special-heading { margin-top: 20px; }
.sort_width_container { margin: 0; }

    Best regards,
    Yigit

    June 26, 2014 at 4:52 pm #284161
    richardwilding
    This reply has been marked as private.
  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Spacing between main layout elements’ is closed to new replies.