Changing the Color of the #access a { } background

  • Resolved CharlesRKiss

    (@charlesrkiss)


    13 years, 2 months 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 https://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!

Viewing 6 replies - 1 through 6 (of 6 total)
  • Thread Starter CharlesRKiss

    (@charlesrkiss)

    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??

    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;

    Thread Starter CharlesRKiss

    (@charlesrkiss)

    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.

    Thread Starter CharlesRKiss

    (@charlesrkiss)

    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.

    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="https://google.com">

    Thread Starter CharlesRKiss

    (@charlesrkiss)

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

    Works perfectly; I owe you one.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Changing the Color of the #access a { } background’ is closed to new replies.