Changing font sizes within the off-canvas cart

This topic has 4 replies, 3 voices, and was last updated 2 days, 18 hours ago ago by Jack Richardson

  • Avatar: nmble
    nmble
    Participant
    November 30, 2025 at 03:17

    Hi there,
    Is there any way I can change the font sizes for the heading and product headings in the off-canvas cart?

    Files is visible for topic creator and
    support staff only.
    3 Answers
    Avatar: Ayan Rahman
    Ayan Rahman
    Support staff
    November 30, 2025 at 13:34

    Hello,

    Thank you for reaching out to us.

    Your site is under maintenance mode, so we can’t check it.

    Could you please provide temporary wp-admin access? We need to check your settings.

    To grant WP-Admin access, please proceed to create a new user account with an administrator role through your WordPress Dashboard. Once the account is established, you may securely transmit the username and password to us via the Private Content section designated for this purpose.

    Warm Regards,
    The 8Theme Team

    Avatar: nmble
    nmble
    Participant
    December 1, 2025 at 05:59

    Sure, login details posted in the private content box

    Content is visible for topic creator and
    support staff only.
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    December 1, 2025 at 07:40

    Hello @nmble,

    Currently, there are no specific settings available to adjust the content sizes within the mini-cart. However, you can use the following CSS snippet by adding it to Theme Options → Theme Custom CSS → Global CSS. Please note that this will affect all off-canvas-based widgets, including the wishlist, compare, and cart sections in your header:

    body .etheme-elementor-off-canvas .product_list_widget:not(.swiper-wrapper) {
        --item-title-size: 20px;
    }
    
    body .etheme-elementor-off-canvas_content-head {
        font-size: 12px;
    }

    We have already implemented such solution on your web-site -> https://prnt.sc/4XEgabPpLT8V, so you can check and modify to your sizes or needs.

    If you prefer to modify only the Cart widget content sizes in your header, you can use the following Custom CSS instead:

    .elementor-widget-theme-etheme_cart.etheme-elementor-off-canvas .product_list_widget:not(.swiper-wrapper) {
        --item-title-size: 20px;
    }
    
    .elementor-widget-theme-etheme_cart .etheme-elementor-off-canvas_content-head {
        font-size: 12px;
    }

    Best regards,
    Jack Richardson
    8Theme Team

  • Viewing 4 results - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.