Title: Round Offer Labels Last modified: January 18, 2018 --- # Round Offer Labels * Resolved [ciberdom](https://wordpress.org/support/users/ciberdom/) * (@ciberdom) * [8 years, 5 months ago](https://wordpress.org/support/topic/round-offer-labels/) * Hello everyone! Is it possible that the labels of the offers have a round shape? instead of a rectangle that is a circle. * Thanks in advance * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fround-offer-labels%2F%3Foutput_format%3Dmd&locale=en_US) to see the link]_ Viewing 15 replies - 1 through 15 (of 15 total) * [Peter Lawrenson](https://wordpress.org/support/users/lorro/) * (@lorro) * [8 years, 5 months ago](https://wordpress.org/support/topic/round-offer-labels/#post-9875835) * oval: * ``` #main-content span.onsale { border-radius: 19px !important; } ``` * or round: * ``` #main-content span.onsale { padding: 36px 10px 20px 10px !important; height: 100px; border-radius: 50px !important; } ``` * Thread Starter [ciberdom](https://wordpress.org/support/users/ciberdom/) * (@ciberdom) * [8 years, 5 months ago](https://wordpress.org/support/topic/round-offer-labels/#post-9878903) * Great!!! It worked wonders! Thank you very much!! * Thread Starter [ciberdom](https://wordpress.org/support/users/ciberdom/) * (@ciberdom) * [8 years, 3 months ago](https://wordpress.org/support/topic/round-offer-labels/#post-10040985) * Hi [@lorro](https://wordpress.org/support/users/lorro/)! How can I add an image designed by me for the label? * [Peter Lawrenson](https://wordpress.org/support/users/lorro/) * (@lorro) * [8 years, 3 months ago](https://wordpress.org/support/topic/round-offer-labels/#post-10041202) * ``` #main-content span.onsale { background-image: url("paper.gif"); } ``` * Replace paper.gif with the full url to your image. Your image can go in the media library. * Thread Starter [ciberdom](https://wordpress.org/support/users/ciberdom/) * (@ciberdom) * [8 years, 3 months ago](https://wordpress.org/support/topic/round-offer-labels/#post-10041560) * It has not worked. Keep showing the previous image generated using CSS * I added the following code: #main-content span.onsale {background-image: url(“ [http://vegan-tattoo.com/wp-content/uploads/black-price-etiqueta.png”](http://vegan-tattoo.com/wp-content/uploads/black-price-etiqueta.png”););} * [Peter Lawrenson](https://wordpress.org/support/users/lorro/) * (@lorro) * [8 years, 3 months ago](https://wordpress.org/support/topic/round-offer-labels/#post-10041693) * We’re fighting what the theme wants to do. Try this css: * ``` #main-content span.onsale { background-image: url("http://vegan-tattoo.com/wp-content/uploads/black-price-etiqueta.png") !important; background-color: transparent !important; } ``` * Then you’ll need to get rid of the current “offerta!” text. Try this snippet: * ``` add_filter( 'woocommerce_sale_flash', 'wc_custom_replace_sale_text' ); function wc_custom_replace_sale_text() { return ""; } ``` * You can use the “My Custom Functions” plugin for code snippets. - This reply was modified 8 years, 3 months ago by [Peter Lawrenson](https://wordpress.org/support/users/lorro/). * Thread Starter [ciberdom](https://wordpress.org/support/users/ciberdom/) * (@ciberdom) * [8 years, 3 months ago](https://wordpress.org/support/topic/round-offer-labels/#post-10041729) * We are making progress. I added the first code and it seems that the image coexists with the text created by CSS. When I add the second code, everything disappears. Both the image and the text. I have deleted the second code so you can check * [Peter Lawrenson](https://wordpress.org/support/users/lorro/) * (@lorro) * [8 years, 3 months ago](https://wordpress.org/support/topic/round-offer-labels/#post-10041964) * Try: `return " ";` * Thread Starter [ciberdom](https://wordpress.org/support/users/ciberdom/) * (@ciberdom) * [8 years, 3 months ago](https://wordpress.org/support/topic/round-offer-labels/#post-10041982) * Remove the entire label, leave the code so you can check it * [Peter Lawrenson](https://wordpress.org/support/users/lorro/) * (@lorro) * [8 years, 3 months ago](https://wordpress.org/support/topic/round-offer-labels/#post-10042049) * I can’t check it if its not there. * What happens when you use this snippet: * ``` add_filter( 'woocommerce_sale_flash', 'wc_custom_replace_sale_text' ); function wc_custom_replace_sale_text() { return " "; } ``` * If that doesn’t work, remove the snippet and I’ll see if I can make the ‘offert!” text transparent. * Thread Starter [ciberdom](https://wordpress.org/support/users/ciberdom/) * (@ciberdom) * [8 years, 3 months ago](https://wordpress.org/support/topic/round-offer-labels/#post-10042135) * By adding the code the tags disappear. I delete the code so you can check. * [Peter Lawrenson](https://wordpress.org/support/users/lorro/) * (@lorro) * [8 years, 3 months ago](https://wordpress.org/support/topic/round-offer-labels/#post-10042170) * OK, forget the code snippet, we can make the offerta! text color transparent: * ``` #main-content span.onsale { width: 59px; height: 59px !important; color: transparent !important; } ``` * Thread Starter [ciberdom](https://wordpress.org/support/users/ciberdom/) * (@ciberdom) * [8 years, 3 months ago](https://wordpress.org/support/topic/round-offer-labels/#post-10042232) * Fantastic job!!! Now it worked! A great help! thank you very much * Thread Starter [ciberdom](https://wordpress.org/support/users/ciberdom/) * (@ciberdom) * [8 years, 3 months ago](https://wordpress.org/support/topic/round-offer-labels/#post-10042284) * They looked good but I do not know what happened that now looks strange * Thread Starter [ciberdom](https://wordpress.org/support/users/ciberdom/) * (@ciberdom) * [8 years, 3 months ago](https://wordpress.org/support/topic/round-offer-labels/#post-10043742) * Sorry, sorry, my mistake. I created the image too small. With a size of 60 x 60 px it works perfectly. Thank you very much for all the great help Viewing 15 replies - 1 through 15 (of 15 total) The topic ‘Round Offer Labels’ is closed to new replies. * ![](https://ps.w.org/woocommerce/assets/icon.svg?rev=3234504) * [WooCommerce](https://wordpress.org/plugins/woocommerce/) * [Frequently Asked Questions](https://wordpress.org/plugins/woocommerce/#faq) * [Support Threads](https://wordpress.org/support/plugin/woocommerce/) * [Active Topics](https://wordpress.org/support/plugin/woocommerce/active/) * [Unresolved Topics](https://wordpress.org/support/plugin/woocommerce/unresolved/) * [Reviews](https://wordpress.org/support/plugin/woocommerce/reviews/) ## Tags * ["round](https://wordpress.org/support/topic-tag/round/) * 15 replies * 2 participants * Last reply from: [ciberdom](https://wordpress.org/support/users/ciberdom/) * Last activity: [8 years, 3 months ago](https://wordpress.org/support/topic/round-offer-labels/#post-10043742) * Status: resolved