WordPress.org

Forums

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

  1. LisaMimeoart
    Member
    Posted 1 year 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 1 year 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 1 year 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 1 year 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 1 year 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 1 year 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 1 year ago #

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

  8. Mycarebel
    Member
    Posted 2 months 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

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic

Tags

No tags yet.