wearCA Posted November 4, 2013 Share Posted November 4, 2013 I am wondering if there is a step by step way to change the "#product_list li span.new" badge from the text block on the angle in the upper right of the image to a custom image i will create? any help is appreciated. thank you Link to comment Share on other sites More sharing options...
vekia Posted November 4, 2013 Share Posted November 4, 2013 you can do it with css styles, instead of simple block use image (background-image) Link to comment Share on other sites More sharing options...
wearCA Posted November 4, 2013 Author Share Posted November 4, 2013 in which css file? Link to comment Share on other sites More sharing options...
wearCA Posted November 4, 2013 Author Share Posted November 4, 2013 i figured it out. looks great. thank you again. Link to comment Share on other sites More sharing options...
vekia Posted November 4, 2013 Share Posted November 4, 2013 thank you for confirmation that you solved it. for everyone interested in this topic, here are css styles: #featured-products_block_center .product_image span.new { display: block; position: absolute; top: 15px; right:-30px; padding: 1px 4px; width: 101px; font-size:10px; color: #fff; text-align: center; text-transform: uppercase; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform:rotate(45deg); -ms-transform: rotate(45deg); background-color: #990000; transform: rotate(45deg); /* Newer browsers */ } thread marked as [solved] Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now