Archived

This topic is now archived and is closed to further replies.

  • 0

Vertical Rule


Question

Posted · Report post

Pagelines Frameworks.

 

Is there a way to put a vertical rule between columns as a divider?

Share this post


Link to post
Share on other sites

7 answers to this question

Posted · Report post

Hi there,

 

The easiest way to do this would be to apply a border-left/right to the column so it creates the divider for you.

 

Otherwise if you want a particular style or effect you could upload an image of the divider and either insert that into the content or apply it to the container using css to position it correctly.

Share this post


Link to post
Share on other sites

Posted · Report post

Something like

 

 

col {
    border-right: solid
}
 
And put that in the page?

Share this post


Link to post
Share on other sites

Posted · Report post

Hi there, yeah you'd need to specify the thickness of the line and the color, like

 

{border-left:1px solid black;}

Share this post


Link to post
Share on other sites

Posted · Report post

Ok. 

This is then placed in the <> custom code area? And if so, does it matter in what order all of the different code I have in that area is done?

 

I attached a screen grab of my custom code area

post-13427-0-80151000-1365219116_thumb.j

Share this post


Link to post
Share on other sites

Posted · Report post

Hi there, yes all css will need to go into the custom code area, it doesn't matter which order the code is in, as a rule though its easier to just keep adding it to the bottom.

 

You'll need to format the css for the border-left like in my post above, giving it a width and a color. If you've not used css before in the framework see this guide which will give you an overview on finding the selector for the column - http://support.pagelines.me/docs/customization/custom-css/

 

For more information on the border element property and the different options/effects you can use with this command check out - http://www.w3schools.com/css/css_border.asp

Share this post


Link to post
Share on other sites

Posted · Report post

I will give it a try

Share this post


Link to post
Share on other sites

Posted · Report post

Ok cool, good luck :-)

Share this post


Link to post
Share on other sites