Discuss and resolve questions on Liquid, JavaScript, themes, sales channels, and site speed enhancements.
We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more
Hi,
I'm trying to change the size of the text (in mobile) of the featured content section of my Debutify theme.
I tried css code but I'm not getting it.
Can you please help?
Thanks
Pedro
Solved! Go to the solution
This is an accepted solution.
Hi @pmrmatos
Go to your Online store > Themes > Edit code > open theme.liquid file, add this code after <head> tag
<style>
@media (max-width: 767px) {
#shopify-section-template--20243625017687__ac4afe20-38a4-47a3-aedd-6df4d69b6976 .grid__item .rte { font-size: 16px; }
}
</style>
- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.
Hi @pmrmatos
Please send me that page link to check
- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.
Hi Dan
Link: https://www.ynspo.com/
I forgot to mention that the change that I need in the text size is in mobile.
Thanks
This is an accepted solution.
Hi @pmrmatos
Go to your Online store > Themes > Edit code > open theme.liquid file, add this code after <head> tag
<style>
@media (max-width: 767px) {
#shopify-section-template--20243625017687__ac4afe20-38a4-47a3-aedd-6df4d69b6976 .grid__item .rte { font-size: 16px; }
}
</style>
- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.
Thanks a lot, Dan.
- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.
Hello @pmrmatos 👋
Inside Shopify Admin, you can go to Edit theme code, open file base.css and add this code at the bottom
#section-template--20243625017687__ac4afe20-38a4-47a3-aedd-6df4d69b6976 .lead {
font-size: 16px;
}
Make sure to change the font size value as you need.