Top bar text customisation

  • cja08


    I have added text to my top bar by activating the graphene_top_bar action hook.

    I now want to change primarily the colour, but also possibly the font and size.

    I have been looking around but haven’t been able to find the answer.

    Any help would be appreciated.


    Prasanna SP


    Find that widget’s unique ID using firebug. Then style it using custom css.

    A link to your site would help us to give you correct code.



    Thanks. I will give it a go.

    My site is

    Prasanna SP


    But, it says “Under Construction”. Can you lift it for a while?



    Apologies. Forgot about that.


    Prasanna SP


    Here is an example.

    #text-3 {
    color: #FF0000;

    Adding this code to Custom CSS (or in child theme’s style.css) will result in,




    That’s working. Brilliant.

    Thanks very much.

Viewing 7 posts - 1 through 7 (of 7 total)

You must be logged in to reply to this topic.