Archived

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

  • 0

Customizing Full Width Sidebar


Question

Posted · Report post

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)

 

post-48505-0-76626300-1364571493_thumb.p

 

Help? 

 
This is how the website looks now
 
post-48505-0-71050700-1364571543_thumb.p

 

 

http://maggyfrancois.com

 

THANKS IN ADVANCE!!

post-48505-0-76626300-1364571493_thumb.p

post-48505-0-71050700-1364571543_thumb.p

Share this post


Link to post
Share on other sites

1 answer to this question

Posted · Report post

In order to replicate the corners in the image, you will need to use the border-image property in CSS, which is explained here: http://www.w3schools.com/css3/css3_borders.asp. 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: http://support.pagelines.me/docs/customization/custom-css

Share this post


Link to post
Share on other sites