WordPress.org

Forums

BlackBird
Changing the colour of the navigation bar using firebug. (8 posts)

  1. LisaMimeoart
    Member
    Posted 11 months ago #

    I'm trying to change the colour of the navigation bar using firebug. It allows me to change the body text and circles etc. but not the colour of the bar or the "Read More" buttons.

    http://www.Mimeoart.co.uk

  2. LisaMimeoart
    Member
    Posted 11 months ago #

    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.

  3. 9bode
    Member
    Posted 11 months ago #

    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

  4. LisaMimeoart
    Member
    Posted 11 months ago #

    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%;
    }'

  5. 9bode
    Member
    Posted 11 months ago #

    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

  6. esmi
    Forum Moderator
    Posted 11 months ago #

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

  7. 9bode
    Member
    Posted 11 months ago #

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

  8. Mycarebel
    Member
    Posted 1 month ago #

    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

Reply

You must log in to post.

About this Theme

About this Topic

Tags

No tags yet.