Hello guys, how can I adjust the text here to be written in 1 line?
Topic summary
A Shopify user needed help adjusting text that was wrapping across two lines to display on a single line.
Solution Provided:
Multiple respondents suggested the same CSS fix: reducing the font-size property in the base.css file from 3rem to either 2.5rem or 2rem for the selector .slider-mobile-gutter .multicolumn-list__item h3.inline-richtext.
Implementation Steps:
- Navigate to Online Store → Themes → Actions → Edit Code
- Locate and open the
base.cssfile (or alternatively add the code intheme.liquidunder a<style>tag) - Add or modify the CSS code with the reduced font-size value
- Save changes
Outcome:
The issue was successfully resolved using the suggested CSS modification. The original poster confirmed the solution worked and thanked the contributors.
1 Like
Hi @NikosBat
Please find this code in your base.css file
.slider-mobile-gutter .multicolumn-list__item h3.inline-richtext {
font-size: 3rem !important;
}
Change it to this
.slider-mobile-gutter .multicolumn-list__item h3.inline-richtext {
font-size: 2.5rem !important;
}
1 Like
.slider-mobile-gutter .multicolumn-list__item h3.inline-richtext {
font-size: 2rem !important;
}
Go to online store ----> themes ----> go to three Dots ----> edit code ---->find theme.liquid files ----> place the code ---->
under the tag before the body ----->
if this code work please do not forget to like and mark it solution
1 Like
Thanks Dan-From-Ryviu that has solved my problem!
1 Like
Thanks MustafA16, i already got the solution with the same code!
that’s ok i don’t mind it by the way i’m glad that you found the solution
1 Like
Hello @NikosBat
Go to online store ----> themes ----> actions ----> edit code ----> base.css
add this code at the end of the file and save.
.slider-mobile-gutter .multicolumn-list__item h3.inline-richtext {
font-size: 2rem !important;
}
result
Thanks
You are very welcome!