On my website every page has a very small Cart icon in the top right side of the header. It it possible to make this larger and also to change the text on the pop up box that appears when you hover over it from ‘View Cart’ to ‘View Basket’?
It would also be nice to be able to add a small bit of text next to it to indicate that something has been added to the Basket. At the moment it looks the same whether a product has been added or not.
Do you think the above is possible and if so how should I go about it please?
-To change the text “View Cart” to “View Basket” you need to edit every file where this string is present. This is not recommended as it will prevent you from taking future theme updates which are very important.
But there is a simpler solution. Use the pot file to change the text. This way you can save a copy of only one file and replace it again after a theme update in the future.
Read more about it here: https://support.ellethemes.com/?ht_kb=translate-site-using-po-mo-files
If you are not much familiar with this type of translation, watch this video tutorial.
I see the code is indeed there but it’s inactive. This means something else is stopping it from taking action. See screenshot: https://postimg.cc/t73P2ybm
Please deactivate other third party plugins you may have or comment out other custom css added. Then check again.
Go to file style.css and find this line (862): .header_tools .cart_icon{font-size: 14px !important;float:left;position:relative;}
Remove the !important. Like this: .header_tools .cart_icon{font-size: 14px;float:left;position:relative;}
