[Resolved] Align Text to Center in Top Bar

[Chitika]

Hello.
I have some ad text on the top bar.

1. I would like the text to be aligned to center of the top bar.
2. I also would like to change the color of text on hover.
3. I also would like to change the background color of the top bar to a gradient color.

How to accomplish this.

[David]

Hi there,

1. Customizer > Layout > Top Bar –> Align Center.
2. Customizer > Colors > Top Bar – link hover
3. Add this CSS:

.top-bar {
    background: linear-gradient(180deg, rgba(44,213,208,1) 0%, rgba(0,0,0,1) 100%);
}

Site for generating gradients:

https://cssgradient.io

[Chitika]

@David: Great. These small tips make GP very easy to use. I still have to try gradient. But I will settle with a different background color using the settings above. Thanks.

[David]

Glad to be of help 🙂

[Sven]

Hello,

this solution does not work with “sticky navigation”. Is there a chance to have the top bar AND the navigation sticky?

Best regards

[Leo]

Can you open a new topic and link us to your site in question?

Thanks.

[Author]

Posts