• Resolved sami35

    (@sami35)


    Hello!

    I have added some custom css to change the sale badge size and overall look. But all the changes happened on the homepage and single product page.

    There is no change of the sale badge on the shop page

    I want the same sale badge as like that on the homepage.

    Can anyone help me with this?
    Thanks.

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter sami35

    (@sami35)

    The custom code I added:

    span.onsale
    
    { 	width: auto; 
    	height: auto; 
    	background: #F7941F;
    	-moz-border-radius: 100px / 50px;
    	-webkit-border-radius: 100px / 50px; 	border-radius: 5px / 5px;
    	margin: -21px -17px;
    	text-align: center;
    	color: white;
    	padding: 0px 3px;
    
    }
    • This reply was modified 3 years, 1 month ago by sami35.

    Hi @sami35

    Custom coding is beyond the scope of support in this forum, nevertheless, I’m going to leave the thread open for a bit to see if anyone is able to chime in to help you out.

    I can recommend the WooCommerce Developer Resources Portal for resources on developing for WooCommerce.

    You can also visit the WooCommerce Facebook group or the #developers channel of the WooCommerce Community Slack. We’re lucky to have a great community of open-source developers for WooCommerce, and many of our developers hang out there, as well.

    For direct assistance with code customizations, I recommend consulting with the WooCommerce Customizations Partners. https://woocommerce.com/customizations/

    Margaret S. woo-hc

    (@margaretwporg)

    Seems we’ve not had additional inputs on this thread. Thus, we encourage you to make use of the above resources.

    I’ll go ahead and mark the thread as resolved but please feel free to create a new thread if you have further questions.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Edited Sale badge are not the same on homepage and shop page’ is closed to new replies.