is possibile to change the colour of the bar under the header

  • mvallarino

    #3230

    Hello,

    first of all I would like to thank you for your great theme; one question, I would like to change the colour of the bar below the header.

    To be clear in option display, the first option give me only to possibility: white and black: is it possible to use one custom color?

    Thanks

    Marco

    Prasanna SP

    #23956

    Did you mean the header menu colour? If so, you need to add this to your child theme’s stylesheet or Custom CSS,

    #header-menu, #header-menu-wrap {
    background: #123456 !important; // HEX color code or image URL --> url("img URL");
    }

    mfa72

    #23957

    to be clear, for example in your website, the coour of the menu where are the fb, twitter and google icons and the other bar where are all the tabs – home, blog, wordpress etc

    Prasanna SP

    #23958

    Okay, the bar which contains fb and twitter icons is called the top bar which holds this property – #top-bar and the home, blog, wordpress etc is the #header-menu

    So you need to add this to your custom CSS,

    #top-bar, #header-menu, #header-menu-wrap {
    background: #123456 !important; // HEX color code or image URL --> url("img URL");
    }

    For reference, you can see my child theme style sheet here –> http://www.prasannasp.net/wordpressblog/wp-content/themes/graphene-child/style.css

    mfa72

    #23959

    perfect!!

    Thank you very much!

    I will bother you again if I will need more info.

    Thanks,

    Marco

    Prasanna SP

    #23960

    You are welcome!

    mfa72

    #23961

    Sorry again,

    In the same header menu, how can I change the colour of the tests and also the colour the same tab when highlighted? I notice for example that you have different colour for different tabs

    Thanks again

    Prasanna SP

    #23962

    You need to write about 20-30 lines of code for each tab to change its colours on current state, normal hover and current state hover effect! (it may vary if you use CSS3 gradients)

    Just for the example, I’ve wrote this code to change the colour of Blog tab –> http://pastebin.com/izheq1RN

    For the whole header menu items, –> http://pastebin.com/XZrMvam9

    mfa72

    #23963

    ok,

    thank you very much for the effort, but I think is too much as my first day in wordpress.. 😉

    could you please suggest me some documentation to read about code modification and so on?

    Prasanna SP

    #23964

    ….as my first day in wordpress..

    Welcome aboard!!

    could you please suggest me some documentation to read about code modification and so on?

    Graphene Theme Documentation Wiki –> http://wiki.khairul-syahir.com/graphene-theme/

    Graphene articles/tutorials in my site –> http://www.prasannasp.net/graphene/

    Graphene articles/tutorials in Josh’s site –> http://www.joshlobe.com/category/graphene/

    Graphene articles/tutorials in Ken’s blog –> http://blog.kjodle.net/computer-tutorials/graphene-tutorials/

    And a brief search around this forum will help you so much!

Viewing 10 posts - 1 through 10 (of 11 total)

You must be logged in to reply to this topic.