Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • June 1, 2018 at 10:57 pm #965593
    Archie

    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, 6 months ago by Archie.
    June 2, 2018 at 12:13 am #965610
    kevinmcgillivray

    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%;
}
    June 2, 2018 at 4:06 am #965655
    Mike

    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

    June 2, 2018 at 11:05 am #965760
    Archie

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

    June 2, 2018 at 12:20 pm #965817
    Vinay

    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

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