Archived topic
Align Text to Center in Top Bar
5 replies · Started by Chitika on September 2, 2020
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.
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:
@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.
Glad to be of help :)
Hello,
this solution does not work with "sticky navigation". Is there a chance to have the top bar AND the navigation sticky?
Best regards
Can you open a new topic and link us to your site in question?
Thanks.
