Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • November 1, 2017 at 3:26 pm #871273
    steviger

    Hi Guys,

    I’m using a 1/3 1/3 1/3 grid and I would like to decrease the space between the columns . I can use the code below and that will do part of the trick. What I’m looking for is only reduce the space between (the green part in the image) the columns and keep the alignment left and right untouched so the whole content stays (in this case) 1000 px wide . Please see what I’m looking for here

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

    Best regards,

    Steven

    November 1, 2017 at 11:39 pm #871451
    Jordan Shannon

    Hey steviger,

    Add the following to quick css:

    #av_section_2 .av_one_third {
    margin-left: 4%!important;
}

    Best regards,
    Jordan Shannon

    November 2, 2017 at 1:05 pm #871628
    steviger

    Hi Jordan,

    Thanks for your quick reply. Your suggestion does reduce the space between the columns but it also produces an extra space left and right. Left should be aligned with the left side of the blue bar and right should be aligned with the right side of the red bar.

    Best regards,

    Steven

    Update: After a good refresh, I don’t see the reduced space anymore. Looks like default values.

    • This reply was modified 7 years ago by steviger.
    November 2, 2017 at 5:16 pm #871761
    Jordan Shannon

    Hi,

    I believe the only fix would perhaps be to increase the column widths.

    Best regards,
    Jordan Shannon

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