Shopify themes, liquid, logos, and UX
Please could someone help me amend the font size of a block? What do I need to add in to the below in order to toggle the font size?
See current schema:
Solved! Go to the solution
This is an accepted solution.
Please add the following code at the bottom of your assets/theme.scss.liquid file.
@media (min-width: 768px){
div#shopify-section-1597920276354 p, #shopify-section-cdk-multi-banners p {
font-size: 20px !important;
}
}
Hope this helps.
Thanks!
This is an accepted solution.
Please add the following code at the bottom of your assets/theme.scss.liquid file.
@media only screen and (max-width: 749px){
div#shopify-section-1597920276354 p {font-size: 11px !important;}
.cdk-multi-banner .multi-banner-row .equal_box {width: 33% !important;}
}
Hope this helps.
Thanks!
Well, I do not think that you need to change the schema for font size only. Please provide your website URL and password if any. I will check and provide the solution here.
Thanks!
@jbrock93 Could you please share screenshot for which particular section you want to change font size?
Please share a screenshot that which section's font size you would like to change?
@jbrock93 Add below style to end of your style/css file
div#shopify-section-1597920276354 p {
font-size: 18px !important;
}
This is an accepted solution.
Please add the following code at the bottom of your assets/theme.scss.liquid file.
@media (min-width: 768px){
div#shopify-section-1597920276354 p, #shopify-section-cdk-multi-banners p {
font-size: 20px !important;
}
}
Hope this helps.
Thanks!
Amazing, thanks @dmwwebartisan. The sections so much better on desktop - however on mobile it still requires quite a long scroll. Any recommendations on how to make the mobile section more condensed?
This is an accepted solution.
Please add the following code at the bottom of your assets/theme.scss.liquid file.
@media only screen and (max-width: 749px){
div#shopify-section-1597920276354 p {font-size: 11px !important;}
.cdk-multi-banner .multi-banner-row .equal_box {width: 33% !important;}
}
Hope this helps.
Thanks!
If helpful then please Like and Accept Solution.
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024