Topic: Element Button link wrong colour

brandonx49
February 26, 2024 at 12:46 pm

Hello – I’ve got a strange CSS behavior I can’t seem to resolve.

In my element I have a block hook for the menu that displays a button. If there’s no link the button behaves as it should and the text is gold. With a link in designer it looks fine too.

https://bradw71.sg-host.com/wp-content/uploads/2024/02/button-element.jpg

However on the public side it behaves as it it’s a menu link: (blue text) https://bradw71.sg-host.com/contact-us/

The strange thing is that the same hook works fine on the copied template: https://fitex.ca/

I’ve got caching off too and I can’t seem to override the CSS manually with !important;

Thanks,
Brad
Ying
February 26, 2024 at 1:11 pm
Hi there,

Yes, it’s expected. The theme menu item link color overrides the button’s color style.

You will need to add this CSS:
```
.main-navigation .menu-bar-items a.gb-button {
    color: var(--bronze);
}
.main-navigation .menu-bar-items a.gb-button:hover {
    color: #ffffff;
}
```
brandonx49
February 26, 2024 at 4:01 pm

Thanks again Ying! You alway save they day.

Another weird ting was the buttons on a recently launched site. When logged in the images buttons looked fine but signed out the text was the same colour as the button. I corrected this by enabling Dynamic CSS Print Method to External File under Customizing –> General

https://woodbuffalofoodbank.com/volunteer/

BTW.. I posted on the FB chat about scolling animations and the newest plugin suggestion was so wasy to implment by just using CSS classes. https://bradw71.sg-host.com/our-aluminum-boats/

Best,
Brad
Ying
February 27, 2024 at 8:23 am

Glad you found your solutions 🙂

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.

Are you a GenerateCustomer?

Just browsing?

Element Button link wrong colour