[SOLVED] Change icon "on sale" And "New" in prestashop 1.6

[behnam_amini2]

How can change the icons Sale and new on products

I want to replace other icons

 

Prestashop 1.6

[Paulito]

Hello

 

The "Sale" and "new" icons are not images, they are created through css.

 

You will need to go to your global.css file to change these around around line 5857

 

.new-label {

  font: 700 14px/12px Arial, Helvetica, sans-serif;

  color: white;

  background: red;

  text-transform: uppercase;

  padding: 9px 0 7px;

  text-shadow: 1px 1px rgba(0, 0, 0, 0.24);

  width: 130px;

  text-align: center;

  display: block;

  position: absolute;

  left: -33px;

  top: 16px;

  z-index: 1;

  -webkit-transform: rotate(-45deg);

  -ms-transform: rotate(-45deg);

  transform: rotate(-45deg); }

  .new-label:before {

    position: absolute;

    bottom: -3px;

    right: 5px;

    width: 0px;

    height: 0px;

    border-style: solid;

    border-width: 4px 4px 0px 4px;

    border-color: #21a3d8 transparent transparent transparent;

    content: ".";

    text-indent: -5000px;

    -webkit-transform: rotate(225deg);

    -ms-transform: rotate(225deg);

    transform: rotate(225deg); }

  .new-label:after {

    position: absolute;

    bottom: -3px;

    left: 3px;

    width: 0px;

    height: 0px;

    border-style: solid;

    border-width: 4px 4px 0px 4px;

    border-color: #21a3d8 transparent transparent transparent;

    content: ".";

    text-indent: -5000px;

    -webkit-transform: rotate(135deg);

    -ms-transform: rotate(135deg);

    transform: rotate(135deg); }

 

Hope this helps

 

Paul

[behnam_amini2]

Paulito Thanks

Is used instead of the image?

Or is there a better shape

tanx

[Paulito]

Hello

 

Not sure what you want but I have quickly done this:

http://screencast.com/t/zykRt4s7

 

Afraid I am not very clever at these sort of things, anyway you could always look here for some inspiration

http://css-tricks.com/examples/ShapesOfCSS/

 

Hope this helps a little

 

Paul

[behnam_amini2]

tanx Paul

http://enjoycss.com

[vekia]

topic marked as solved

as well as Paul's post

 

with regards,

Milos

 

btw. behnam_amini2 - great css tool!