Skip to main content

If you’re like me, you’ve been absolutely infuriated by the lack of ability to change the default background color of the “Button” block in Klaviyo. You’ve tried to edit the default Styles of your template, where you can edit every other piece of default text styling that isn’t a button (except of course for h5 and h6...).You’ve tried going through all the steps under Content > Images and Brand, creating your colors and creating buttons that are supposed to be default (but don’t seem to get used ANYWHERE???). Maybe you’ve created a janky workaround where you created a simple button as Universal Content and have to unlink it every time you place a new button.

In the words of countless 90’s infomercials...”There’s gotta be a better way!”

Well, my friends, there is. It would seem that the place where this change is made is completely hidden from any menu that I can find (and bafflingly seems to be called the same thing as an existing menu item) and exists here: https://www.klaviyo.com/asset-library/brand/styles How you get to this page by any kind of normal means, I have no idea, but changing the button color here will change the button color global for new blocks of the “Button” type. I don’t know if this is on purpose or an oversight as the platform was updated from older version or something, but the fact that it’s this difficult to find is mind-boggling.

Hopefully, this will save someone the hours of Googling and combing through forums that it did me. Now if I could just figure out how to remove the rounded corners that get put on by default 🙄

Until next time...keep yer stick on the ice.

 

That’s an incredibly useful find, Jake — thank you for sharing it! You’re absolutely right — Klaviyo doesn’t make it easy to locate where the global button style settings actually live, and the fact that the link (https://www.klaviyo.com/asset-library/brand/styles) isn’t accessible through the normal UI flow makes it even more confusing. Updating the default button color there does indeed apply the change globally for new “Button” blocks, which saves tons of repetitive manual styling. As for the rounded corners, unfortunately Klaviyo still adds those automatically, but you can override them with a bit of inline CSS (e.g., border-radius: 0px;) in the button’s HTML code if you edit the block source. Hopefully, Klaviyo eventually integrates these design controls properly into the Brand or Template settings. Great tip!