How to change the background color of navigation bar?

LinhN
Tera Contributor

Hi there, 

I want to change the background color of the navigation bar. Does anyone here know how to do this? Please help me find a solution 

LinhN_0-1731654968882.png

LinhN_1-1731655000888.png

 

 

1 ACCEPTED SOLUTION

Ashish Parab
Mega Sage

Hey @LinhN ,

 

Please create a UI script as below:

(function() {
    addAfterPageLoadedEvent(function() {

        var backgroundColor = '#FFFF00'; // give value of your color
        $$('.navbar').each(function(elmt) {
            elmt.style.backgroundColor = backgroundColor;
        });

    });
})();

 

Output-

ashish_parab_0-1731678112639.png

 

Please mark this as "correct" and "helpful" if you feel this answer helped you in anyway.

 

Thanks and Regards,

Ashish

 

View solution in original post

6 REPLIES 6

Ashish Parab
Mega Sage

Hey @LinhN ,

 

Please create a UI script as below:

(function() {
    addAfterPageLoadedEvent(function() {

        var backgroundColor = '#FFFF00'; // give value of your color
        $$('.navbar').each(function(elmt) {
            elmt.style.backgroundColor = backgroundColor;
        });

    });
})();

 

Output-

ashish_parab_0-1731678112639.png

 

Please mark this as "correct" and "helpful" if you feel this answer helped you in anyway.

 

Thanks and Regards,

Ashish

 

LinhN
Tera Contributor

Thank you so much. This API has been working well.