Re: Custom CSS font size

How can I increase the text size on Collection List images using custom CSS?

Nu88
Tourist
5 0 2

Hi there,

 

I'd like to make the text size on each picture of the Collection List on Homepage bigger. Could anyone share the needed custom CSS to do this? Apologies if there's something similar to this out there already- I'm a newbie when it comes to coding!

 

The theme is Impulse by Archetype.

 

Thanks a bunch!

Screenshot 2023-09-26 at 11.54.53.png

 

 

Replies 7 (7)

Beae_Cass
Shopify Partner
436 167 178

Hi @Nu88 ,

Could you please share your store URL, so that I can help you

Beae - The NextGen Page Builder


- Was my answer helpful? Please hit Like or Mark it as solution!
- Get in touch with us: App Store | Demo Template
Nu88
Tourist
5 0 2

It's www.etnaglass.com 🙂

Beae_Cass
Shopify Partner
436 167 178

Hi @Nu88 ,

This is Anthony from Beae Landing Page Builder, and I’m happy to assist you today.

 

While I acknowledge that this issue falls short of the desired outcome, I have an idea that I believe might be of help:

1. Go to Online Store -> Theme -> Edit code
2. Open your theme.liquid file
3. Paste below code before </body>:

<style>
.promo-grid__text>div {
    font-size: 40px !important
}
</style>

Note: You can adjust the value to fit your store

Best regards,

Anthony

Beae - The NextGen Page Builder


- Was my answer helpful? Please hit Like or Mark it as solution!
- Get in touch with us: App Store | Demo Template
Nu88
Tourist
5 0 2

Hi Anthony, thanks a lot for the suggested solution! The code unfortunately enlarges fonts in other areas not needed to be enlarged. I only need the texts in the collection boxes bigger

Made4uo-Ribe
Shopify Partner
8221 1973 2413

Thank you for the information. 

Try this one. 

  • From your Shopify admin dashboard, click on "Online Store" and then "Themes".
  • Find the theme that you want to edit and click on "Actions" and then "Edit code".
  • In the "Assets" folder, click on "base.css, style.css or theme.css" file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:

 

.rte--block.rte--strong {
    font-size: 50px !important;
}

 

  • And Save. 
  • Result:
  • Made4uoRibe_0-1695832697112.png
If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.
Nu88
Tourist
5 0 2

Hey, thanks so much for the suggested solution! Unfortunately it didn't work - after pasting the code nothing changed. Not sure if it'll help but please see screenshot for what the codes at the bottom look like under Asset folder Screenshot 2023-10-13 at 14.38.13.png> theme.css.liquid

Made4uo-Ribe
Shopify Partner
8221 1973 2413

Hi @Nu88 

Would you mind to share your Store URL website? with password if its protected. Thanks!

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.