-
Hi,
I am just starting out a new site with GP and GB 2.0. I have a global styles kind of system that I am using to set up all the styles through the site.
I have my buttons set up with global styles, but when I add the buttons in the editor it seems like the style is getting overwritten is some kind of way and it is getting a underline as well.See the first button the first page.
And here is the button styling:
.btn { background-color: var(--djfdarkgreen); color: var(--djfwhite); display: inline-flex; font-weight: 500; transition: all 0.2s ease 0s; border-radius: 200px; padding: 1rem 2rem } -
Hi there,
Go to cusotmizer > colors > content, and remove the link color set there.
-
Hi,
Is that really the best way to do it? If I do that all the links in the content is in wrong colors..
-J
-
You had another link color set at customizer> colors > body, when I checked your site, the color is the same as the one you set at customizer> colors > content.
So, which color is wrong? Can I see an example?
-
If I change the colors to white in customizer> colors > content, the links in the paragraphs gets white as well.
If I change colors here: customizer> colors > body, nothing happens.
-
Does it have something to do with the tag name?
-
Hi there,
The proper way is to set your global link color under Customize > Colors > Body > Link. Do not setting a link color under Customize > Colors > Content > Link, as it will override your custom link color.
-
That easy 🙂 Thanks Alvind!
But the button text gets underlines now, that did not happen with GB 1.X and GP 1.X. Any nice trick to solve that?
-
Added this:
.btn { text-decoration: none; } .btn:hover { text-decoration: none; }Is that right?
-
There is an option to remove link underlines under Appearance > Customize > General. Set the Underline Links option to Never: https://cln.sh/rhfybBCX
-
Ah, of course. Thanks!
-
No problem!
- You must be logged in to reply to this topic.