I’d like to change the rectangle to a red circle

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Charlie Etienne

    (@charlieetienne)

    Hi @nicolehart27!

    Thanks for using this plugin.

    Could you try that:

    1. Go to Settings > Sold Out Badge for WooCommerce
    2. Remove the text in label
    3. Set the background color to the red you want
    4. Save
    5. Go to Appearance > Customize > Additional CSS
    6. Add the following code: 
      
.wcsob_soldout {
    border-radius: 100%;
    height: 14px;
    width: 14px;
    padding: 0;
}
    7. Publish

    However you won’t have the tooltip saying it’s sold. This part would require some development.

    Try and let me know!

    And if you like this plugin, don’t hesitate to add a review.

    Cheers,

    Charlie

    Thread Starter nicolehart27

    (@nicolehart27)

    Amazing thank you this worked for my website which uses the Neve theme but not for another website which uses OceanWP theme. The plugin didn’t override it.

    Plugin Author Charlie Etienne

    (@charlieetienne)

    Great! I’ll mark this as resolved.

    For compatibility with OceanWP theme, please see this thread

    Cheers,

    Charlie

    Hi @charlieetienne, thank you for this plugin! I pasted the same code as @nicolehart27 in the additional css. First, it worked as expected. today, it was unexpectedly changed back to a small red square.
    However, I just discovered the reason: I installed a plugin called Snippets, to change some php. And that overrides the extra css from the customizer! So I put the code in Snippets, and it works.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘I’d like to change the rectangle to a red circle’ is closed to new replies.