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

[Nu88]

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!

[Beae_Cass]

Hi @Nu88 ,

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

[Made4uo-Ribe]

Hi @Nu88

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

[Nu88]

It’s www.etnaglass.com

[Beae_Cass]

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 :

Note: You can adjust the value to fit your store

Best regards,

Anthony

[Made4uo-Ribe]

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:
• 

[Nu88]

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

theme.css.liquid

[Nu88]

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