Jump to content
Sign in to follow this  
itsjoelcas

Customizing Full Width Sidebar

Recommended Posts

itsjoelcas    0
itsjoelcas

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
catrina    103
catrina

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


Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

  • Similar Content

    • Anthony CALCI
      By Anthony CALCI+
      Hello,
      I have switched from the Framwork theme to DMS theme on http://calcipatrimoine.theproofingcompany.fr (miror site of http://calci-patrimoine.com).
      But I have now only the Primary sidebar in the Widget section ! Secondary sidear, Footer sidebar have all disapear...
      Can I have help to have them back ?
      Regards,
      Anthony
    • colleenc
      By colleenc+
      I am having an issue with the size of the font in a text box widget on my sidebar. It has me completely baffled because I have two text widgets on my sidebar and the other one is displaying perfectly. 
      The sole difference between the two is the amount of text in the widget, but that can't be the problem.
      My site is: loveandnudes.com and the text widgets are on the right side at the top. 
      I have duplicated the one with the issue and I am fiddling with it right now to see if I can find a solution. But I would love any suggestions. I though CSS would do the trick, but either I tried the wrong thing - or I put it into the wrong place.
      Thanks for your help!
    • Queue-it
      By Queue-it+
      Hi,
      Is it possible to add a sidebar only for one post category? Without adding extra plugins or editing the theme code? 
      I have 4 categories of posts (blog post, news, job listing, case studies) but I want to have a sidebar only for the blog posts to appear. 
      How can I do that? 
      Thanks!
    • flourishdesignstudio
      By flourishdesignstudio
      I am working  on a PL5 site that uses a IDX feed plugin that includes templates for that individual plugin (ex - a property listings template, a single property template, etc.) However, when I edit the Pagelines Content area to also feature a sidebar it will not actually save or apply to any of the other property pages. Are there any know issues with the templates and hierarchy? It appears to be defaulting to read-width and I can't find any way to override this setting.
      Here is a link in case that is helpful to see: http://getreadyforwow.com/ihf/idx/mls-20649468-99_sunny_st_newport_beach_ca_92663
      Is there anything I can provide to you that may be helpful in solving this issue?
       
    • Digital805
      By Digital805
      Hello, Some differences between WHv3 and v6 is I can't figure out how to activate the sidebar widgets area. Also, I don't see previous entries at the bottom of my posts page that allows users to continue looking through posts. Can you help me with these?
      Thx.
×