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

    Hi there Enfold team!

    I would like to reduce the padding in between my 1/3 sections here:

    http://cmospotlight.archiealibasa.com/

    Column settings are: individual height and space between columns.

    Thank you! :)

    • This topic was modified 6 years, 5 months ago by Archie.
    #965610

    Add this to your custom CSS. It will adjust the margin and width of the second and third block in a three column layout. Be aware that it will do it to tall of them throughout the site. You may want to target this CSS at specific pages or blocks with additional classes.

    div .av_one_third {
        margin-left: 2%;
        width: 31.333333%;
    }
    #965655

    Hi,

    @kevinmcgillivray
    thanks for sharing,

    @hackoffseries
    building on this suggestion I have added the ID “#homepage-columns” to the color section with the 1/3 columns and added this css to your Quick CSS so it will only effect the one area above 768px, after the column brake:

    @media only screen and (min-width: 768px) { 
    #homepage-columns div.av_one_third {
        margin-left: 2%;
        width: 31.333333%;
    }
    }

    Best regards,
    Mike

    #965760

    Thank you so much Kevin and Mike! This is perfect! :)

    #965817

    Hi,

    Glad we could help!
    Please take a moment to review our theme and show your support https://themeforest.net/downloads
    To know more about enfold features please check – http://kriesi.at/documentation/enfold/
    Thank you for using Enfold :)

    Best regards,
    Vinay

Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Reduce padding between 1/3 sections’ is closed to new replies.