Changing Button Colors
Hi! got one question for the community. I am trying to give different colors to different buttons but it seems like the button element applies to color change to all the buttons within the element. i.e. I want a button to be brown and the one next to it to be green, however, it appears it only allows one background color per buttons element.
example in lavidaennuestroidioma.com/#todos
Trending on Indie Hackers
I'm building the MCU of SaaS 💎
🔥 Roast My Landing Page
Check the Appearance section for the button and make sure your buttons aren't saved in a style.
You just press one of the buttons where you add the text and then scroll down and you will see different fields where u can fill in colors (background/hover/label), if you change it here it will only change on that specific button.
This video will also show you how to do it:
https://www.youtube.com/watch?v=c_qdZUdd0ek&t=1s
great vid by the way!
Okay-- I def know the section you are talking about but I only get the options hover/label/outline no option for background. -I have been adding the background color as a style so I changed to see if I could change background colors , but no, still the same 3 options of hove/label/outline. I see in your video the option background appears.... what.
I found the issue! I am using 'outline' buttons instead of solid, you can only have the option of background color using a 'solid' button
Yupp, exactly. Good that you where able to solve it in the end ;)