Home › Forums › WoodMart support forum › Mini cart Font size change
Mini cart Font size change
- This topic has 6 replies, 2 voices, and was last updated 6 months ago by Hung Pham.
-
AuthorPosts
-
June 7, 2024 at 1:22 pm #571290
joemitflowParticipantHow can i change the font sizes, and fonts For the Titles in the mini side cart in mobile and on desktop ?
The IMAGE:
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.June 7, 2024 at 1:38 pm #571297
joemitflowParticipantJune 7, 2024 at 3:23 pm #571334
Hung PhamKeymasterHi 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,
June 7, 2024 at 8:00 pm #571415
joemitflowParticipantIve 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.June 8, 2024 at 9:05 am #571445
Hung PhamKeymasterHi 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,
June 8, 2024 at 6:17 pm #571548
joemitflowParticipantCan 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.June 9, 2024 at 5:14 pm #571602
Hung PhamKeymasterHi 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,
-
AuthorPosts
- You must be logged in to create new topics. Login / Register