WordPress.org

1. CharlesRKiss
   Member
   Posted 1 year ago #
   

   I installed a child stylesheet so that I can change the color of the "black menu bar" that is the background that contains the "Home" and "About" links.

   My site is http://projects.kissbrothers.com

   I can change the color of the text "Home" and "About" at #access a { }, which I've turned to green for clarity. And I can change the color of their backgrounds (I forgot where, #access something { }), but these color changes only change that portion of the bar, the backgrounds of "Home" and "About" only, and not the whole bar.

   How can I change the color of the rest of the bar??

   Thanks!

2. CharlesRKiss
   Member
   Posted 1 year ago #
   

   BTW, this is Theme TwentyEleven.

   I had it changed in TwentyTen, but I forgot how I did it; maybe some other file than the style.css??

3. Krissy
   Member
   Posted 1 year ago #
   

   style.css contains everything you're looking for.
   On line 520 of style.css
   

   #access {
       background: -moz-linear-gradient(#252525, #0A0A0A) repeat scroll 0 0 transparent;
       box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
       clear: both;
       display: block;
       float: left;
       margin: 0 auto 6px;
       width: 100%;
   }

   the #252525, #0a0a0a

   Change it to whatever two colors you wish, or replace it with

   background: #DDD;

4. CharlesRKiss
   Member
   Posted 1 year ago #
   

   Oh yes; thank you SO VERY MUCH!

   ps. I played with those numbers; got to keep on eye on google-chrome cache. They always do that! Firefox is the bomb.

5. CharlesRKiss
   Member
   Posted 1 year ago #
   

   BTW, why doesn't google-chrome read the color changes properly, it's been ten minutes multiple cache and cookie cleanings and restarts and "the bar" still shows up as black??

   Also, I don't see in the style.css where I can point the header image to... img src, href etc.

6. Krissy
   Member
   Posted 1 year ago #
   

   I honestly have no idea about Google Chrome, that's nothing to do with WordPress.

   As far as the style.css, that has nothing to do with the links. You're looking to edit header.php around line 83

   <a href="<?php echo esc_url( home_url( '/' ) ); ?>">

   You can then change the URL to whatever you please

   <a href="http://google.com">

7. CharlesRKiss
   Member
   Posted 1 year ago #
   

   Okay, thanks for the tips. I'll look around.

   Works perfectly; I owe you one.

Topic Closed

This topic has been closed to new replies.