Jump to content


Photo

Adding border to my web page

border adding content web page box side bar widgets

Best Answer batman , 12 January 2013 - 09:47 PM

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.../css_border.asp

Go to the full post


  • Please log in to reply
2 replies to this topic

#1 omahpohon

omahpohon

    Newbie

  • Members
  • Pip
  • 2 posts
  • LocationIndonesia
  • Framework Version:lite edition
  • Country: Country Flag

Posted 12 January 2013 - 09:00 PM

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?


Edited by omahpohon, 12 January 2013 - 09:00 PM.


#2 batman

batman

    Bat Learning

  • Members

  • 2111 posts
  • LocationBuenos Aires, Argentina
  • Framework Version:DMS
  • Country: Country Flag

Posted 12 January 2013 - 09:47 PM   Best Answer

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.../css_border.asp


  • omahpohon likes this

#3 omahpohon

omahpohon

    Newbie

  • Members
  • Pip
  • 2 posts
  • LocationIndonesia
  • Framework Version:lite edition
  • Country: Country Flag

Posted 13 January 2013 - 04:02 AM

thanks Batman your css widget helped me :)







Also tagged with one or more of these keywords: border, adding, content, web page, box, side bar, widgets