Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • March 4, 2019 at 10:44 pm #1074541
    Kelly Erickson

    Hi Enfold team!

    After much searching through the forums, I’ve come across just a little difficulty in figuring out how to reduce the amount of space or padding between three columns in a row.

    I’ve tried the following: 

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

    This does work wonderfully, however the last/third column ends up with padding on the right side so that the three columns as a whole don’t actually line up with with the rest of the content on the page. In other words, Links provided in the private content below!

    March 5, 2019 at 1:35 am #1074568
    Jordan Shannon

    Hey kellyCraftMedia,

    Try adjusting to 32%. Please see the following:

    div .av_one_third{
    margin-left: 2%;
    width: 32%;
}

    Best regards,
    Jordan Shannon

    March 5, 2019 at 2:47 am #1074591
    Kelly Erickson

    Hi Jordan! Thanks for the quick response. So weird – I did try that before and it didn’t work, but it does work now!! Thank you so much!

    March 5, 2019 at 2:53 am #1074595
    Jordan Shannon

    Hi,

    I’m happy to help. If you need anything else, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘1/3 column width and padding’ is closed to new replies.