Items in Cart Number not Centered

Home Forums Jevelin Theme Items in Cart Number not Centered

Home Forums Jevelin Theme Items in Cart Number not Centered

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    RESOLVED Posts
  • The number of items in the cart isn’t centered vertically or horizontally in its div. See screenshot. Please help.

    Attachments:
    You must be logged in to view attached files.

    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 team

    Nothing in that code solves my problem, because the numbers need to move to the right.

    This is what I want:

    Attachments:
    You must be logged in to view attached files.

    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;
    }

    1. Why is it that the number of items in cart renders differently on different pages?
    2. 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/

    1. Nevermind about the items in cart number not being same size across pages, I found a workaround.
    2. I do NOT mean tooltip. Please see attached image for explanation.

     

    Attachments:
    You must be logged in to view attached files.

    Solution for this topic

    You can change the menu hover color from theme Styling settings as shown in the attached screenshots.

    Attachments:
    You must be logged in to view attached files.

    THANK YOU!

    You are most welcome here 🙂

Viewing 11 posts - 1 through 11 (of 11 total)