No announcement yet.

Change the Background Color on Product Option Radio Button

  • Filter
  • Time
  • Show
Clear All
new posts

  • Change the Background Color on Product Option Radio Button

    Hi everyone!

    I've been trying to figure out how to change the background color of my product options as radio buttons. I've looked everywhere I can think of and want to change the grey background to something brighter, so the selection stands out better. Here is an example product page on my site:

    It's driving me crazy, because I can't seem to find where to change this!

  • #2

    For the selected color simply add these 2 rules to your active css file, clear store/browser cache and refresh. I just used the review star background, but you can change the color to whatever you like.

    #divOptionsBlock .radio-format .radio-selected {background: #ffb500;}

    #divOptionsBlock .radio-format .radio-option {background: #eee;}
    Not 3dcart Owned or Operated
    100% Independent 3dcart Expert

    Follow Us on Twitter


    • #3
      @thecartdesigner, THANK YOU!!! That worked! I'm a soapmaker, not a coder, and your posts and solutions all over this forum have helped me (and no doubt countless others) more times than I can count over the years. I really, really appreciate it! I wish I could spend more time learning to better grasp CSS/HTML5 but it just doesn't come naturally to me and I'm also an old dog, so new tricks are definitely a challenge. :)