Floating vertical line code between shortcode columns? « Support Forum | Kriesi.at

Support Forum » Propulsion

Floating vertical line code between shortcode columns?

5 posts from 3 voices

Started 8 months ago by designjunkies
Latest reply from Devin
This topic is not resolved

Tags:

designjunkies
Member

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!
Amanda

Posted 8 months ago #
designjunkies
Member

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"
:)

Posted 8 months ago #
Ismael
Moderator

Hi designjunkies,

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

Regards,
Ismael

Posted 8 months ago #
designjunkies
Member

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: http://easyretailsolutions.com/?page_id=330

But it's using div styles, not shortcode and complicated if I want to use divided lines throughout like on this page. http://easyretailsolutions.com/?page_id=424

Does that make a bit more sense? :)

Posted 8 months ago #
Devin
Moderator
Hey

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:
```
#top.page-id-424 .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.

Regards,

Devin
Posted 8 months ago #