Jump to content

replace fontawesome with icon.png in header


kerintis
 Share

Recommended Posts

Hello,

 

I am trying to add cart-icon.png to the header, but for some reason its not displaying. 

\prestashop\themes\default-bootstrap\css\modules\blockcart

.shopping_cart > a:first-child:before {
      background: url('/prestashop/img/custom/cart-icon.png') ;
      display: block;
      font-size: 23px;
      line-height: 23px;
      color: #fff;
      padding-right: 15px;
      height: 120px;
      width: 120px; }

Live site

Edited by kerintis (see edit history)

Share this post


Link to post
Share on other sites

Try

.shopping_cart > a:first-child::after

This show's the image, but I want it to be before the "content" and not after, I can't force it to be on the right, or float:right 

 

Fixed, thank for help, but if anyone will look for same issue you need to place content: " " to use before, otherwise you will have it after drop down icon

.shopping_cart > a:first-child::before {
    background: url("/prestashop/img/custom/cart-icon.png") no-repeat scroll 0 0 / 75px auto rgba(0, 0, 0, 0);
    color: #fff;
    content: " ";
    display: block;
    float: left;
    font-size: 23px;
    height: 75px;
    line-height: 23px;
    padding-right: 15px;
    width: 75px;
}
Edited by kerintis (see edit history)

Share this post


Link to post
Share on other sites

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 account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More