Horizontal lines between columns

Does cornerstone have an option where one can insert a horizontal line between columns where it is evenly spaced instead of creating a border on the right or to the left of the column? For example, this site: http://fluent.group/ and this area http://imgur.com/a/eFF0e

Hi There,

Thank you for writing in, but sorry I am not entirely certain of what line you’re trying to add. If you need a horizontal line, Cornerstone has the line element. If you need a vertical line between the columns, you can add a right border to your columns (https://prnt.sc/fzzvun).

If this does not accomplish what you’re trying to do, please clarify.

Cheers!

Hi @Multiplier
As @friech suggests you could add a border to the right of the first 5 columns by adding

  border-right: 3px solid red;

to each of those columns style property in cornerstone editor for the page. Obviously change colour and pixels to suit… You may want to remove some margin and add a little padding tot he right as well.

Have a good one…

Rick M

Here is the problem. If you go to the site again, you’ll see that in the same section, I applied a border-right to the first column. In the second column, I’ve applied a border-left. Neither of these are centered between the columns themselves.

Hi There,

Please remove the border from your second column.

Add the following code to the Sytle box of your 1st column

margin: 0px;    margin-right: 20px;    padding-right: 20px;

Let us know how it goes.

Thanks

That didn’t work. In addition, when I applied it to the other 5 columns, it pushed everything to the left, so none of the columns are centered evenly now.

Hi There,

Sorry I had misunderstood you I tough you wanted to separate the left column from the rest.

Can you provide a mockup of what you want to achieve? If you just want to add lines between the columns you can activate borders on Cornerstone and use just left or right depending on the position the column is…if that does not help, please provide a mockup.

Thanks