Home Forums WoodMart support forum Mini cart Font size change

Mini cart Font size change

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #571290

    joemitflow
    Participant

    How can i change the font sizes, and fonts For the Titles in the mini side cart in mobile and on desktop ?

    The IMAGE: SIDE CART MOBILE FONTS  GARBAGE

    I want to change the font of: ” View Cart Button”

    I want to change the Color and Border Radius of the checkout button in the mini cart widget.

    I want to change the Titles Font sizes of ” Subtotal” and “Shopping cart”

    What are all of the custom css classes that i can use to change it in: TYPOGRAPY > Advanced ?

    Also, how can i change the Checkout button Border radius ? And the Button color ?

    How can I change the “View cart” button font, which totally doesnt fit ?

    best regards !

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

    joemitflow
    Participant

    image

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

    Hung Pham
    Keymaster

    Hi joemitflow,

    Thanks for reaching to us.

    1. Buttons

    Please go to Theme Settings > Styles and colors > Buttons > In the Advanced button styles section, you can select mini cart buttons to change background-color, font-size, color,… https://prnt.sc/I18cD91QDE8n

    Regarding border colors, please add the below Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS:

    p.woocommerce-mini-cart__buttons .btn-cart{
    	border: 1px solid #000;
    }
    
    p.woocommerce-mini-cart__buttons .button.checkout{
    	border: 1px solid #000;
    }

    2. Font sizes

    Go to Theme Settings > Typography > Advanced. In this area, you can assign elements to below Custom Class:

    + Shopping Cart: .cart-widget-side .wd-heading .title

    + Subtotal: .cart-widget-side .woocommerce-mini-cart__total

    Please refer to our documentation https://xtemos.com/docs-topic/advanced-typography-settings/

    Regards,

    #571415

    joemitflow
    Participant

    Ive changed it, yet it still shows the same button type, button color, and also

    in typography i was able to change the font color of the text in the buttons, in red

    but that was an accident, so i changed it again, but no matter what i change, it always stays red, eventhou when i delete the RULE it still stays red ???

    when i review the site on https://www.responsinator.com/?url=https://www.elvenring.org

    it seems to work, but on my own Iphone 11 and my Samsung galaxy s22 Ultra, it doesnt work, AND CHECK MY NEW TOPIC , the fonts are all totally freaked out,

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

    Hung Pham
    Keymaster

    Hi joemitflow,

    To assist you in the best possible manner, I kindly ask that you please provide me temporary wp-admin info (wp-admin URL, username, password) to the Private Content area, this will allow me to thoroughly investigate and address your concerns more efficiently.

    Regards,

    #571548

    joemitflow
    Participant

    Can you please ALSO check, why my custom FONTS wont be shown on most devices ? Instead an ugly standard font is being used….

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

    Hung Pham
    Keymaster

    Hi joemitflow,

    To assist you in the best possible manner, I kindly ask that you please provide me temporary wp-admin info (wp-admin URL, username, password) to the Private Content area, this will allow me to thoroughly investigate and address your concerns more efficiently.

    Regards,

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