Jump to content


Photo
- - - - -

Vertical Rule

vertical Rule

  • Please log in to reply
7 replies to this topic

#1 8216az7373

8216az7373

    Super Member

  • Members
  • 114 posts
  • Country: Country Flag

Posted 06 April 2013 - 02:51 AM

Pagelines Frameworks.

 

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



#2 James B

James B

    Advocate

  • Members

  • 5126 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 06 April 2013 - 02:57 AM

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.



#3 8216az7373

8216az7373

    Super Member

  • Members
  • 114 posts
  • Country: Country Flag

Posted 06 April 2013 - 03:12 AM

Something like

 

 

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


#4 James B

James B

    Advocate

  • Members

  • 5126 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 06 April 2013 - 03:20 AM

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

 

{border-left:1px solid black;}



#5 8216az7373

8216az7373

    Super Member

  • Members
  • 114 posts
  • Country: Country Flag

Posted 06 April 2013 - 03:31 AM

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

Attached Files



#6 James B

James B

    Advocate

  • Members

  • 5126 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 06 April 2013 - 03:55 AM

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 -

Please Login or Register to see this Hidden Content

 

For more information on the border element property and the different options/effects you can use with this command check out -

Please Login or Register to see this Hidden Content



#7 8216az7373

8216az7373

    Super Member

  • Members
  • 114 posts
  • Country: Country Flag

Posted 06 April 2013 - 04:11 AM

I will give it a try



#8 James B

James B

    Advocate

  • Members

  • 5126 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 06 April 2013 - 04:37 AM

Ok cool, good luck :-)