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

  • rachelmball
    Participant

    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.

    Shufflehound Support
    Moderator

    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

    rachelmball
    Participant

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

    rachelmball
    Participant

    This is what I want:

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

    Shufflehound Support
    Moderator

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

    rachelmball
    Participant
    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?

    Shufflehound Support
    Moderator

    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/

    rachelmball
    Participant
    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.

    Shufflehound Support
    Moderator

    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.

    rachelmball
    Participant

    THANK YOU!

    Shufflehound Support
    Moderator

    You are most welcome here 🙂

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)