WordPress.com

1. btse1
   Member
   Oct 5, 2012, 2:46 PM

   My theme is Mystique and I purchased the upgrade in order to customize. I would like to know if I can better distinguish my side columns/sidebars with a background color. If this option is available to me, how is it done? CSS? If CSS, where/how does one enter the code?

   Thanks for any help.

   The blog I need help with is btse1.wordpress.com.

2. designsimply
   Staff
   Oct 11, 2012, 9:25 PM

   You can add CSS to the Appearance → Custom Design → CSS editor in your blog dashboard.

   Changing the background color of the sidebar in Mystique may take a little work. Here is a basic example to illustrate:

   #sidebar {
   	background-color: yellow;
   }

   You can try it out by adding it to your Appearance → Custom Design → CSS editor and clicking the Preview button.

   Change the color name to a color code of your choice:
   http://automattic.github.com/Iris/

   If you make the change, note that the sidebar area is a block that may stop short when the main content area has a lot of content in it. Try adding a test post with a lot of content to see what I mean.

   Also, this is another good resource you can check out if you are starting out with CSS:
   http://www.htmldog.com/guides/cssbeginner/

   And this:
   http://en.support.wordpress.com/custom-design/editing-css/

Topic Closed

This topic has been closed to new replies.