Jump to content


Photo
- - - - -

Customizing Full Width Sidebar

Sidebar Full Width Sidebar Customizing

  • Please log in to reply
1 reply to this topic

#1 itsjoelcas

itsjoelcas

    Newbie

  • Members
  • 4 posts
  • Country: Country Flag

Posted 29 March 2013 - 03:40 PM

I would like to be able to change the background color of the Full Width Sidebar and make the border look like this (Pic below)

 

Please Login or Register to see this Hidden Content

 

Help? 

 
This is how the website looks now
 

Please Login or Register to see this Hidden Content

 

 

Please Login or Register to see this Hidden Content

 

THANKS IN ADVANCE!!

Attached Files



#2 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 29 March 2013 - 03:51 PM

In order to replicate the corners in the image, you will need to use the border-image property in CSS, which is explained here:

Please Login or Register to see this Hidden Content

You can create those corner images using an image editing program and upload it to your media library so you can use them in the CSS.

 

You’ll need to use Custom CSS (in PageLines > Site Options > Custom Code > Custom CSS/LESS) to implement this CSS. To find the selector you need to use in the Custom CSS, you'll need to use Firebug (or Chrome Development tools). To learn how to use Firebug for CSS customizations, please review this entire documentation and follow the instructions:

Please Login or Register to see this Hidden Content







Also tagged with one or more of these keywords: Sidebar, Full Width Sidebar, Customizing