Home » Categories » Multiple Categories

Change The New and On Sale Banners For Your Item Images

Summary:

Instructions for adding a custom style sheet that will allow you to change the new and on sale banners on your products.

Solution:

WARNING :This style sheet is only for use with NRO sites that are responsive. If you are unsure if your site is responsive, please contact support.
  1. Download the png file attached to this article.
  2. Download the free responsive CSS file: Free Responsive CSS File
  3. From the NRO Admin Panel, select CMS / Images & Other Files .
  4. Create a new directory named CSS.
  5. Upload the FREE-celebrity-resp.css to the css directory.
  6. Create a new directory under the CSS folder called Images.
  7. Upload the cel-new_sale.png image file to the images directory.




  8. Select System / Configuration / General / Design / HTML Head > Misc Scripts and paste the following:
    <link rel="stylesheet" type="text/css" href="/media/wysiwyg/css/FREE-celebrity-resp.css">





  9. Now edit the image file by altering the graphics in each corner of the cel-new_sale.png file to match what you want to replace the graphics with. You will want to make each corner of the graphics is the same so if you change the corner the graphic displays in on your product images, it will look the same.

By adding the .css file in this manner, it will identify several of the core styles that affect the design of the site. If you know .css you can use this file as a template for your changes.

Attachments (1) Attachments
Comments Comments
There are no comments for this article. Be the first to post a comment.