> > Hey there, I hope you are feeling great! I can’t see checkout button text in cart section. Can you please help me to resolve this issue? Looking forward to hearing from you. Thanks!
Topic summary
A user is experiencing multiple styling issues on their Shopify store (www.gemstyl.com), primarily with invisible button text and font customization.
Main Issues Resolved:
- Checkout button text not visible in cart: Fixed by adding CSS code to base.css file targeting
.cart__ctas buttonand.notification_links buttonwithcolor: #fff !important - Cart count bubble number invisible: Resolved with CSS targeting
.header__icon .cart-count-bubble span - Additional invisible text in cart warnings: Fixed with
.cart__warnings a.buttonstyling
Font Customization Requests:
- User wants to replicate Montserrat Bold font from neptunegoldshop.com
- Solution: Navigate to Online Store > Themes > Customize > Theme Settings > Typography, then select Montserrat for both Body and Heading fonts
- Font weight adjustment: Use Regular (400) instead of Bold (800) for specific elements
Ongoing Requests:
- Moving “BEST SELLING” text to left side of page (solution provided via CSS for
.collection__title) - Changing cart icon design (solution involves replacing code in icon-cart.liquid and cart-empty-icon.liquid files)
All solutions involve either CSS additions to base.css or theme customization settings. Support provided primarily by Dan-From-Ryviu and PageFly-Henry.
1 Like
Hi @raja18181
Could you share your store URL to check?
Hi @raja18181
Please go to your Online store > Themes > Edit code > open base.css file and add this to the bottom
.cart__ctas button,
.cart-notification__links button { color: #fff !important; }
Hi @raja18181
This is Henry from PageFly - Landing Page Builder App
You can try this code by following these steps:
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file base.css
Step 3: Paste the below code at bottom of the file → Save
button#checkout {
color: white !important;
}
Hope that my solution works for you.
Best regards,
Henry | PageFly
Please add this code to appear that number
header__icon .cart-count-bubble span { color: #fff !important; }
Where to add this code? In base.css or theme.liquid file?
At the bottom of your base.css file
It didn’t work
My bad, please edit code to this
.header__icon .cart-count-bubble span { color: #fff !important; }
How can I change font is this section? I have taken this screenshot from other website and I liked this font. I want this font to be appear on my site also. Can you please help me with that? Thanks!
Do you mean black background of Add to cart button too?
No brother, I just want to change font of these buttons ( add to cart & order now )
Could you share store link that you want to copy the font so I can help you to check what font they are using?
Hi, they are using Montserrat font. You can change it from your Online store > Themes > Customize > Theme Settings > Typography > Body > Font > click Change, search Montserrat
Thanks! Can you please send me the same exact code, So I can edit my code and this font will be show on my all store
1 Like