Community forum for knowledge and support

Updated 11 months ago

Adjusting Font and Styles for Button Elements

At a glance

The community member is having trouble adjusting the fonts and styles for their button elements, as the styles are being overwritten by a more specific .button class. The community members discuss potential solutions, such as disabling class syncing and sharing a read-only link to the site. One community member suggests that the issue may be due to a conflicting Button class (with a capitalized B) that is being considered a separate class by the platform, even though CSS does not differentiate between capitalization. The recommended solution is to rename the old Button class to avoid the conflict with the button class.

Useful resources

Any idea why I can't adjust the fonts etc for my button elements? It says its being overwritten by a more specific class, which is .button - which is the class it has. I'm confused...

L
P
M
10 comments

Do you have the class syncing on? Could be it

Huh? I'll try it out

It was on, but even after disabling it I still have the same issue.

would you mind sharing a read-only link?

They should be on actually.

Sure , gimme like ~30min πŸ˜…

this took some digging. Basically it looks like you may be retrofitting Relume into an existing site, yeah?

Aside from that, there appears to be a Button class - take note that the B is capitalized. Now this is kind of silly on Webflow's part - it considers that a new class but CSS doesn't care about capitalization. So this class is conflicting with button and instead of preventing the situation, its just crossed out (or inherited) those properties from that original class. My advice would be to rename this old button class to something else, if you want to continue using Relume components for this project.

Yeah the original site was (P)relume, badoempsje. Thanks for looking into this Matt. I’ll give it a shot today πŸ™‚

Wow that Button class didnt even show up in my selecter. I had to Style Selector to find it on the left side. Crazy! Thank you so much, really appreciate it.

Add a reply
Sign up and join the conversation on Slack