Vertical line down the right side of page

I have been asked by the client to have a vertical line going straight through the images on the right hand side of this page http://whatifadvice.com.au/services/

I have attempted to use the integrity1 demo layout with some adjustments in photoshop.

I don’t know why but when making the new canvas into a cornerstone background image for all sections, some of the sections with my content don’t seem to line up…

Please see the page to understand what I mean. http://whatifadvice.com.au/services/

Hi There,

Thanks for writing in! Can you try adding a border to your Columns using a inline CSS rule and see if that is what you’re expecting.

Example
border-right: 3px solid gray

Thanks!

Thanks for that,

This seemed that it could be a good idea, although is there a way to adjust it (like move it further right) when adding it to a full section?

I have added it in but it just needs to move way over the image for each section, so if I can add css to the css if that makes sense lol…

Cheers

Hi There,

I would suggest you a different approach.

As your rows are divided into two columns.

I would suggest you add a background image to the columns with a line exactly in the middle. When adding the images to each column also click center align on the columns so the images will center.

Have zero padding or margin on tp of the sections so the lines from one column connect to the section below

Hope it makes sense.

Thanks man,

worked well after some adjustments!

:slight_smile:

Glad to hear it!

Cheers

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.