- This topic has 10 replies, 2 voices, and was last updated 7 years, 7 months ago by
.
The number of items in the cart isn’t centered vertically or horizontally in its div. See screenshot. Please help.
Hi @rachelmball,
I hope you are well today and thank you for your question.
You can resolve it by adding the following CSS code in the Custom CSS code option of your theme on the below path.
Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code
.sh-header-small-icons .cart-icon span { line-height: 11px; font-size: 11px; height: 20px; width: 20px; padding-top: 4px; }If it doesn’t work perfectly on your site then please try changing values in the above CSS code.
Best regards,
Shufflehound teamNothing in that code solves my problem, because the numbers need to move to the right.
This is what I want:
Solution for this topic
try adding padding-left in the above CSS code as following.
.sh-header-small-icons .cart-icon span { line-height: 11px; font-size: 11px; height: 20px; width: 20px; padding-top: 4px; padding-left: 5px; }- Why is it that the number of items in cart renders differently on different pages?
- How do I make the color of the header text change when I mouse over it?
Why is it that the number of items in cart renders differently on different pages?
It displays same for me so could you please share me the pages URLs from your site where it is not displaying correctly so that i can troubleshoot it?
How do I make the color of the header text change when I mouse over it?
It seems you are talking about the Tooltip color which is browser default color.
There isn’t any direct way to change it but there are some workarounds as described in the following pages.
https://stackoverflow.com/a/49395765/1287548
https://designshack.net/articles/css/html5-css3-anchor-link-tooltips/
- Nevermind about the items in cart number not being same size across pages, I found a workaround.
- I do NOT mean tooltip. Please see attached image for explanation.
Solution for this topic
You can change the menu hover color from theme Styling settings as shown in the attached screenshots.
THANK YOU!
You are most welcome here 🙂
