Archived

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

  • 0

Adding border to my web page


Question

Posted · Report post

I would like to be able to add borders around things like the content area and sidebar widgets. Not a big border but borders around each specific widget or box. It really makes the design look cleaner and I would like to know how to do this?

Share this post


Link to post
Share on other sites

2 answers to this question

Posted · Report post

You can try add in

PageLines > Site Options > Custom Code > CSS Rules

or in

Pagelines Customize (plugin)

It is advisable to learn how to do this on your own too.  

Check out 

http://support.pagel...ion/custom-css/

 

If you need more CSS help, make sure you've downloaded Firebug for Firefox

and check out W3 Schools for more info. 

http://www.w3schools.com/You can try add in

PageLines > Site Options > Custom Code > CSS Rules

or in

Pagelines Customize (plugin)

For example for the widget

 

.widget-pad {
border-top-left-radius: 5px 5px;
border-top-right-radius: 5px 5px;
border-bottom-left-radius: 5px 5px;
border-bottom-right-radius: 5px 5px;
border: 1px solid white;
box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);}

It is advisable to learn how to do this on your own too.  

Check out 

http://support.pagel...ion/custom-css/

 

If you need more CSS help, make sure you've downloaded Firebug for Firefox

and check out W3 Schools for more info. 

http://www.w3schools.com/

specially

http://www.w3schools.com/css/css_border.asp

1 person likes this

Share this post


Link to post
Share on other sites

Posted · Report post

thanks Batman your css widget helped me :)

Share this post


Link to post
Share on other sites