Hello guys, how can I adjust the size of this text?
Topic summary
A user needed help adjusting text size on their Shopify product page, specifically for text displayed in a slider section.
Solution provided:
- Navigate to Online Store > Theme > Edit code
- Locate the base.css file
- Add custom CSS targeting the slider component at the bottom of the file
- Adjust the font-size value (example given: 50px)
- Save changes and hard-refresh the page
Initial troubleshooting: The user reported the code didn’t work at first. The helper verified the CSS wasn’t actually present in the base.css file, suggesting it hadn’t been saved properly.
Resolution: After re-applying the CSS code correctly, the text size adjustment worked successfully. The issue was resolved through custom CSS modification rather than theme settings.
1 Like
Hi @NikosBat . Could you share the page URL? If it’s password-protected, the password would be needed as well.
1 Like
Hello CafeDelMar, sure here is url and password:
nikthe
@NikosBat , let’s try the following:
- Navigate to Online Store > Three dots > Edit code
- Find the base.css file
- Paste the code below right at the bottom of the file
- Save and hard-refresh the storefront
section.shopify-section slider-component.slider-mobile-gutter .inline-richtext {
font-size: 50px !important;
}
Just make sure to adjust the 50px value in the code above. It might be too big.
If applied properly, the result should be:
1 Like
Hello CafeDelMar, i already did that but it does not change something in my product page 
@NikosBat , your base.css doesn’t have the ruleset currently.
https://www.nistore.de/cdn/shop/t/6/assets/base.css?v=71769310377499289091742997929
1 Like
Hello CafeDelMar, it worked now thank you!
1 Like
Anytime, @NikosBat . Glad I could help!