Support » Theme: BlackBird » Changing the colour of the navigation bar using firebug.

Viewing 7 replies - 1 through 7 (of 7 total)
  • This is the code for the nav bar (I think!)
    background: url(“images/menubg.png”) repeat-x scroll 0 0 #7D3535;
    display: inline-block;
    margin-bottom: 0;
    margin-top: 20px;

    but when i use firebug to change the colour nothing changes.

    You are right. The color does not change because it is using the image parameters.

    You have to disable the the “background:”
    add new line and enter background-color: #7D3535 (or whatever color you like)

    Hope that helps.
    9bode

    That worked!! Thanks, but I have the same problem with the “Read Me” buttons on the Home page. If I create a new “background-color:#F__” it colors the whole area and not just the blue button.

    ‘.feature-content-inner .read-more {
    background: url(“images/readmore.png”) no-repeat scroll center center rgba(0, 0, 0, 0);
    color: #FFFFFF;
    display: block;
    font-family: Bitter;
    font-size: 16px;
    height: 40px;
    margin-top: 25px;
    padding: 20px 0 0;
    text-align: center;
    transition: all 0.6s linear 0s;
    width: 100%;
    }’

    Try this code out and change the background color

    .feature-content-inner .read-more {
    background-color: #79bbff;
    text-align: center;
    font-family: Bitter;
    font-size: 16px;
    margin-top: 25px;
    -webkit-transition: all 0.6s linear;
    -moz-transition: all 0.6s linear;
    -o-transition: all 0.6s linear;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    /* border: 1px solid #84bbf3; */
    display: inline-block;
    height: 40px;
    line-height: 40px;
    width: 110px;
    }

    hope this helps
    9bode

    esmi

    (@esmi)

    Forum Moderator

    Do not edit the theme itself. First create a child theme for your changes. Or install a custom CSS plugin.

    Agree with esmi, sorry didn’t mentioned that before.

    Hello,

    hope you can help me out, i like to change the grey colour on top. where the search thing is but cant find where to do this. want to change it in 3B3B3B

    i tried this:
    (You have to disable the the “background:”
    add new line and enter background-color: #7D3535 (or whatever color you like))

    but didnt work :(:(

    and can you tell me how to delete the square?

    @ LisaMimeoart hope you can help me out

    thank you so much

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Changing the colour of the navigation bar using firebug.’ is closed to new replies.