Tagged: 

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • March 24, 2016 at 2:24 pm #603064
    raslade

    Hi there

    Trying to find the best way to change the icon to a custom image and wondering where best to do it. CSS or php?

    Any help would be great
    Thanks
    Richard

    March 24, 2016 at 2:28 pm #603069
    Yigit

    Hi raslade!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    a.cart_dropdown_link > span:before {
    opacity: 0;
}
a.cart_dropdown_link > span:nth-child(1) {
    background-image: url(https://kriesi.at/wp-content/themes/kriesi/images/logo.png)!important;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

    Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field.

    Cheers!
    Yigit

    March 24, 2016 at 2:46 pm #603086
    raslade

    Wow that was a quick response. Awesome.

    However the image is 47px x 19px and is currently being cropped with the above CSS. Where do I apply the width and height?

    Thanks
    Richard

    March 24, 2016 at 2:51 pm #603088
    Yigit

    Hi!

    Can you please post the link to your website?

    Cheers!
    Yigit

    March 24, 2016 at 2:52 pm #603093
    raslade

    Of course.

    March 24, 2016 at 3:03 pm #603107
    Yigit

    Hey!

    Please change the code to following one

    Best regards,
    Yigit

    March 24, 2016 at 3:06 pm #603110
    raslade

    Hi Yigit

    Ah crap, was that all it was. Often it’s the simplest things. Brilliant thank you for your help and super quick responses.

    Richard

    March 24, 2016 at 3:09 pm #603113
    Yigit

    Hey!

    You are welcome Richard, we are always happy to help :) Your website looks awesome by the way!
    Let us know if you have any other questions or issues!

    Regards,
    Yigit

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Change shopping cart icon to a custom image’ is closed to new replies.