Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • May 8, 2020 at 1:23 pm #1211017
    Luisgasser

    Hi i’m using a 3 column grid for my blog enries an it wouldbe nice to set a vertical line betwen the columns.

    Any idea how i can do this?

    Thank you forhelping!

    May 8, 2020 at 9:51 pm #1211244
    Nikko

    Hi Stefan,

    Please do the following:
    1st 1/3 Column
    – Row Settings > Equal Height Columns set to Equal height
    – Row Settings > Space between columns set to No space between columns

    for all 1/3 columns
    – Styling > Padding > uncheck Apply the same value to all?
    – Styling > Padding > Inner Padding set
    — Padding-Top: 0
    — Padding-Right: 20px (or any value)
    — Padding-Bottom: 0
    — Padding-Left: 20px (or any value)

    Then go to Enfold > General Styling > Quick CSS, then add this CSS code:

    #top .flex_column_table .av_one_third {
    border-left: 1px solid #ccc;
}

#top .flex_column_table .av_one_third.first {
    border-left: none;
}

    Best regards,
    Nikko

    May 11, 2020 at 3:42 pm #1211853
    Luisgasser

    Hi Nikko,

    i’m not using 3 layout elements for the grid.

    I have one blog entry box with grid layout selected in the blog style option where i can choose 1, 2, 3, 4, ….. columns

    May 12, 2020 at 12:44 am #1211926
    Nikko

    Hi Luisgasser,

    Can you give us a link to the page described? so we can check on it further.

    Best regards,
    Nikko

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