Announcement

Collapse
No announcement yet.

Change the Background Color on Product Option Radio Button

Collapse
X
 
  • 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: https://www.woodspriteorganicbody.co...ash_p_414.html

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

  • #2
    WoodSprite

    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.

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

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


    Follow Us on Twitter

    Comment


    • #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. :)

      Comment

      Working...
      X