Topic: Button Text Color Off Canvas

SebastianGP
January 3, 2026 at 11:18 am

Hello,

I added a button with the content “Erkunden” to the off-canvas menu in the mobile version of my website. However, even though I set it up correctly, the text is black and only turns white when hovered over. I want it to always be white, otherwise it is unreadable.

I have tried everything, but I don’t know what to do.

When I edit the element, it is displayed correctly. It is only on the live page that it is no longer correct.

How can I make the text of the button always white?

Thanks,
Sebastian
Ying
January 3, 2026 at 1:48 pm
Hi Sebastian,

The issue is caused by the off canvas link color CSS having higher priority than the button color, so it overrides the buton color.

You will need to use this CSS to override the off canvas link color:
```
.slideout-navigation a.gb-button {
    color: #fff;
}
```
SebastianGP
January 3, 2026 at 11:14 pm

Thank you so much. But now the social media icons under the button are white as well. They has to be black.

Thank you so much!
Alvind
January 4, 2026 at 6:59 pm
Hi there,

Try replacing the CSS with this one:
```
.slideout-navigation a.gb-button-132d9d64 {
    color: #fff;
}
```
SebastianGP
January 5, 2026 at 11:26 am

Thank you so much! That worked perfect fine 🙂
Alvind
January 5, 2026 at 6:56 pm

Glad to hear that! 🙂

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

Button Text Color Off Canvas