Help adding CSS to change size & style of sale badges

  • Resolved Derek Wilcox

    (@themassapothecary)


    4 years, 9 months ago

    Can someone help me with some CSS code that will make my sale badges go from being circle/oval like they are now to smaller and rectangle. I think it looks cleaner and saw on another site how it looks.

    You can see here an idea of how i want mine to look. I just want the rectangle to be a tiny tiny bit bigger and the text bold. But here’s the link you can view what i like and how i want mine to look – https://cannarket.com/marketplace/

    Thank you so much in advance for any help!

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)

  • You can start by playing with:

    .woocommerce span.onsale {
    border-radius: 100%;
    }

    That should get you the results you are looking for.

    Thread Starter Derek Wilcox

    (@themassapothecary)

    Can you please elaborate? I dont know much about this at all. I tried entering that code it didn’t change anything. What else do I need to do? Thank you so much in advance

    Hey @themassapothecary,

    I took a look at your site just now and it appears that you were able to get these changes to rectangles. Here’s what I’m seeing:

    rectangles

    If you’re still having trouble, please let me know.

    Cheers

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Help adding CSS to change size & style of sale badges’ is closed to new replies.