Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
  • #16591

    Hi guys,

    Just wondering if there was a bit of code I can insert to have a floating vertical line to mark the space between the 2x shortcode columns?

    Thank you!



    Also I did look on the internet but something like this was the closest thing I can find. Can we add a shortcode or something?

    inbordercss=”1px dotted gray”



    Hi designjunkies,

    Can you post the link of the page in your site which has this issue? so we can have a look.




    Hi Ismael,

    It’s not so much as ‘issue’, but was hoping for an easy way to do it.

    I have made my own ‘version’ here:

    But it’s using div styles, not shortcode and complicated if I want to use divided lines throughout like on this page.

    Does that make a bit more sense? :)



    Unfortunately there isn’t really an easy way I know of or can think of that can do what you are looking for. The issue is in how all the columns are actually coded and created. Since they use percentage widths and the way padding is done it looks a bit odd just adding in a single border on them.

    For instance: .one_half.first.flex_column {
    border-right: 1px solid black;
    margin-right: -1px;

    Add that to your Quick CSS and you’ll get a line in between the two columns on that page. Its very specific to that situation but its a bit awkard. You could definitely do that, but it would need to be done on a per page basis and slightly differently with each setup.

    If you really want to have full control over layout, your way is the best and what I would recommend. Just having full control over the code and new divs you create will keep everything clean and working.



Viewing 5 posts - 1 through 5 (of 5 total)

The topic ‘Floating vertical line code between shortcode columns?’ is closed to new replies.