How to Change Colors of Topbar Elements

How to Change Colors of Topbar Elements

wprocket

Changing colors of Sticky Genesis Topbar is such an easy thing you can do yourself from admin settings. In this documentation, we are going to show you how you can change the colors of each element of the Topbar.

Changing Color of Topbar Background

To change the background color at first you will have to login to your website’s Dashboard.

1. Go to Genesis → Sticky Topbar

2. Click on General Settings, and you will find following option panel like the following screenshot:

Sticky Genesis Topbar Pro — General Setting Options ‹ RainaStudio — WordPress
Sticky Genesis Topbar Pro — General Setting Options ‹ RainaStudio — WordPress

3. Click on color picker from the Topbar Background Color option

Topbar Background Color Option
Topbar Background Color Option

Changing Color of Topbar Text

Click on color picker option for the Topbar Text Color

Topbar Text Color Option
Topbar Text Color Option

Topbar Button Background Color Change

Similarly, click on the color picker called Button Background Color

Button Background Color Option
Button Background Color Option

Changing Button Text Color

Click on the Button Text Color picker to change the color.

Button Text Color Picker
Button Text Color Picker

Countdown Background Color

To change Countdown Background Color click on the color picker aligned with it and choose.

wprocket-728x98_Black

Countdown Background Color Option
Countdown Background Color Option

So, here is how we can change colors of any elements in Sticky Genesis Topbar. Feel free to comment for further support. 🙂

GenesisPro728x90

Facebook
Twitter
LinkedIn
Pinterest
Tumblr
Anwer Ashif

Anwer Ashif

Founder of RainaStudio. Help businesses and individuals to create and outstand their online presence. Our success rate is measurable. Our blog served all around the world and counting.

Want to speed up WordPress site?