Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • April 30, 2020 at 4:35 am #1208441
    navindesigns

    Hi,

    I have three 1/3 columns in a section labelled “Latest Issue”. I am trying to reduce the space between the columns but at the same time set the columns to be equal height.

    I applied the following CSS and it only works if the columns are set to “Individual Height”

    .page-id-7803 div .av_one_third {
    margin-left: 2% !important;
    width: 31.333333%;
    }

    How can I make this work with the columns set to “Equal Height”

    My page

    Magazine

    May 2, 2020 at 10:38 pm #1209158
    Nikko

    Hi navindesigns,

    Edit the first 1/3 Column, in Row Settings > Equal Height Columns set to Equal Height.
    Then use this CSS code:

    #top.page-id-7803 .av-equal-height-column-flextable .av-flex-placeholder {
    width: 2%;
}

    Hope this helps.

    Best regards,
    Nikko

    May 3, 2020 at 3:05 am #1209205
    navindesigns

    That worked perfect.

    Thanks!!!

    May 4, 2020 at 4:36 am #1209390
    Rikard

    Hi,

    Great, I’m glad that Nikko could help you out. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

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