Vertical line between columns

Posted in: Newspaper
Post count: 99

Hi,
I want to have the vertical link between the columns of the row, similar to this website: https://www.washingtonpost.com/
Right now I’m able to add the divider line between each post.

Post count: 99

I inspected the column with chrome browser and add the css

@media (min-width: 768px)
.tdi_68_ec8 .vc_column_inner {
padding-left: 20px;
padding-right: 20px;
border-right: 1px solid #eaeaea;
}

It did show up and but I tried to add it to the live css of the td composer it doesn’t show up.

Post count: 99
Post count: 35449

Hi,

If I understand correctly you want to add some borders for these elements. If the page was made using tagDiv Composer then you can use it to add these borders like this, select the element in css tab set the border -> https://i.imgur.com/kW4H3YM.jpg results -> https://i.imgur.com/TWKNpWI.jpg

Thank you!

Post count: 99

How do you move the borders to be in the middle of the gap?

Post count: 35449

Hi,
You need to use tagDiv Composer and set a row then set the row layout -> https://i.imgur.com/RbbgXS4.png then you can select a column and set in css tab a border -> https://i.imgur.com/tUlNKLY.png also you can set the border on element that you want to use. Also you can set for column padding 0 like this -> https://i.imgur.com/iHN4IC2.png
Thank you!

Viewing 6 posts - 1 through 6 (of 6 total)
The forum ‘Newspaper’ is closed to new topics and replies.