Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • September 12, 2018 at 3:45 pm #1008984
    brandaspect

    Hi I’m looking for the best way to add a vertical column seperator. The idea is to have a vertical border of 3px in width between columns.

    The best solution I could think of was to add
    .av-flex-placeholder{3px solid #ffffff;}
    and then add further padding on the right of the column before this class.

    indication of column

    There must be a better solution that allows the line to be in the center of the page and doesn’t require extra padding to the preceeding column, Can you help?

    September 13, 2018 at 5:47 am #1009215
    Rikard

    Hey brandaspect,

    Thanks for the screenshot, I don’t think your CSS will do anything though. Where can we see the actual element where you are looking to apply this to?

    Best regards,
    Rikard

    September 13, 2018 at 10:31 am #1009309
    brandaspect

    Thanks Rikard,

    The css worked, that was the actual screenshot. In the interim i’ve come up with a work around the by reducing the width of the .av-flex-placeholder and adding a class to the preceeding column to add padding and a border so consider this closed.

    many thanks
    Andy

    September 13, 2018 at 4:34 pm #1009490
    Nikko

    Hi Andy,

    Glad to hear that :)
    Feel free to comeback if you need further assistance.
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Column seperators/vertical borders’ is closed to new replies.