• 0

Change Canvas Sidebar Color


Question

Posted · Report post

I just purchased DMS 2, so I'm still a little new to this. Hoping someone can help me out.

 

I am trying to change the sidebars outside the main content/grid area to a specific color while still leaving the content area background white. I found a topic from 2 years ago that did this (http://forum.pagelines.com/topic/21921-website-having-two-background-colors/?hl=canvas+two+background), but I couldn't get that to work on my site. I'm assuming the old one was an old version of DMS. 

 

Anyone know how to do this in the current version?

 

Thanks!

Share this post


Link to post
Share on other sites

7 answers to this question

  • 0

Posted · Report post

To achieve this you can do one of two things. You can either use custom CSS or switch your layout mode to Boxed Mode in Layout & Nav settings panel. However, using this option, will force all your sections to be in box mode and you will not be able to have any full width sections.

 

To use custom CSS method, add the following to your custom CSS.

 

#pl_areau39c7d {
background-color: green;
}
 
#pl_areau39c7d .pl-content {
background-color: white;
}

 

Please note that some additional styling may be required and you will probably want to change the colors.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

HI jasonthedce

First welcome

You need add some CSS code to this, you can use a Child Theme

I use for this a Danny´s Child Theme, this works fine to me in all update.

https://github.com/Dannyholt/skeleton

 

You can install the .zip like a theme in your dashboard > themes > upload

and the copy/paste yours CSS rules in the style.css

http://screencast.com/t/sZXzimY7x

 

I use the Child because I read this after update the theme

Please Note: Any customizations you have made to theme files will be lost. Please consider using child themes for modifications.

You can see the image

http://screencast.com/t/FeFQEG1Qav

 

You take a look to this too

http://docs.pagelines.com/customize/base-child-theme

 

Then...

Please, you can post your site's url so we can properly troubleshoot the issue for you.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

An easier way to just change the background of any section, is via Inline styling, under Standard Options (of a section). background: #your-color;  You have choices as to whether you add that to the column Inline, the section etc

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Can you provide a link to the site in question and also, a screenshot of what you're trying to achieve. As you may be able to simply add a custom class name to the styling classes field in the Sidebar column if you have used one that is and then use custom CSS associated to that classname and give the sidebar a custom color.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

I've attached an image of what I am trying to accomplish. The green bars would fill the canvas section outside the 12 column grid. The white area of the canvas has a wp-content section that's 10 columns wide, offset by 1 from the left. I want the 1 column buffer on either side of the 10-column wp-content section to remain white, along with the wp-content.

 

The current site is using my old theme, but you can preview the dms version here:

 

http://firsttrinity.com/about/announcements/?theme=dms

 

Thanks for the help.

 

[attachment=2240:FT Website Canvas 2-color mock-up.jpg]

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Thanks for the help! The custom CSS did exactly what I wanted!

1 person likes this

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

No worries dude, happy to help and thanks for informing us the issue has been resolved.

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