2011 THEME PAGE BAR COLOR/PIC

• 

  kryst1 · Member · Dec 16, 2011 at 11:48 pm

  • Copy link
  • Add topic to favorites

  How can I change the color of the page bar or add a pic/graphic myself in the custom css sheet or basically what code would I have to use?…Thanks in advance!

  The blog I need help with is: (visible only to logged in users)

• 

  auxclass · Member · Dec 16, 2011 at 11:52 pm

  • Copy link

  We need a link to the blog you are asking about to give you accurate help.

• 

  kryst1 · Member · Dec 16, 2011 at 11:53 pm

  • Copy link

  http://www.kryst.com

• 

  timethief · Member · Dec 17, 2011 at 1:19 am

  • Copy link

  The answer is there is no free way to do this. You will require an annually renewable custom design upgrade. The only themes we can use are those found here > Appearance > Themes

  This is a multiuser blogging platform. All blogs wearing the same theme are using the same underlying template and we cannot access the underlying files and edit templates or themes. http://en.support.wordpress.com/themes/editing-themes/

  There are two free themes, Sandbox and Toolbox designed to allow maximum flexibility for CSS editing and creating new “skins”. Toolbox is more modern and includes a lot of support for CSS3 and HTML5, so it is really only limited by your skills and knowledge.

  if you have CSS editing experience the upgrade will allow you to stylize the appearance of themes you find here > Appearance > Themes, but will not allow you to change the functionality, by editing the underlying template. It does not allow you to remove footer links to the theme designer or to WordPress.com. Also note that CSS is theme specific, so you cannot use the CSS stylesheets from other themes with the themes at WordPress.COM.

• 

  kryst1 · Member · Dec 18, 2011 at 11:00 pm

  • Copy link

  that’s strange because I have seen other pages using the same theme and have it customized…I also have the custom design upgrade…Please can someone confirm this..Thanks again timethief for your time!

• 

  timethief · Member · Dec 18, 2011 at 11:15 pm

  • Copy link

  that’s strange because I have seen other pages using the same theme and have it customized

  Strange?You will require an annually renewable custom design upgrade. Thanks for confirming you have that upgrade. I will flag this thread so it gets moved to the CSS forum where you can get the help you need.

• 

  1tess · Moderator Emeritus · Dec 19, 2011 at 3:22 pm

  • Copy link

  moved to CSS Forum
  ~Tess

• 

  thesacredpath · Member · Dec 19, 2011 at 6:14 pm

  • Copy link

  To change the background color of the navigation menu do this.

  #access {
  background: #CC0000;
  }

  If you want to add an image to the background of the navigation, do this.

  #access {
  background: url("IMAGE URL") no-repeat scroll 0 0 transparent;
  }

  Height for the navigation bar is about 42px right now and you would want the image to be 1000px wide.

• 

  kryst1 · Member · Dec 20, 2011 at 2:17 am

  • Copy link

  Thanks for responding thesacredpath, you’re always a big help!… But I can’t get the image code to work, just changes the menu bar to a very faint grey color with no image. No biggie thanks anyways!

• 

  kryst1 · Member · Dec 20, 2011 at 2:19 am

  • Copy link

  never mind, got it to work but just gotta adjust the sizing of the pic… Thanks again to all who helped!

• 

  thesacredpath · Member · Dec 20, 2011 at 2:21 am

  • Copy link

  You are welcome.

• 

  kryst1 · Member · Dec 20, 2011 at 2:24 am

  • Copy link

  Sorry sacredpath, but by any chance do you know how to change the highlighted color when the mouse hovers over the page bar? Thanks a mill….

• 

  thesacredpath · Member · Dec 20, 2011 at 3:26 am

  • Copy link

  The hover text and background for the top level menu items would be here.

  #access li:hover > a, #access a:focus {
  background: #F9F9F9;
  color: #373737;
  }