Question about appearance of

• 

  btse1 · Member · Oct 5, 2012 at 2:46 pm

  • Copy link
  • Add topic to favorites

  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: (visible only to logged in users)

• 

  designsimply · Member · Oct 11, 2012 at 9:25 pm

  • Copy link

  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/