2
6 Comments

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

  1. 2

    Check the Appearance section for the button and make sure your buttons aren't saved in a style.

  2. 1

    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

    1. 1

      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.

      1. 1

        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

        1. 2

          Yupp, exactly. Good that you where able to solve it in the end ;)

Trending on Indie Hackers
Reaching $100k MRR Organically in 12 months 29 comments 87.7% of entrepreneurs struggle with at least one mental health issue 14 comments How to Secure #1 on Product Hunt: DO’s and DON'Ts / Experience from PitchBob – AI Pitch Deck Generator & Founders Co-Pilot 11 comments Worst Hire - my lessons 11 comments Competing with a substitute? 📌 Here are 4 ad examples you can use [from TOP to BOTTOM of funnel] 10 comments Indie hackers selling to indie hackers? 7 comments