Make collection description wider on homepage (Dawn theme)

Hi,

my website is: www.sweatfree.co

The password is: sweatfree123

On the homepage, I have a couple of collections. But the description is not as wide as it could be. So, any advice on how I can make the collection description wider?

Thank you!

Hello @SweatFree
Go to online store ----> themes ----> actions ----> edit code ---->base.css ----> line number 336
search this code

@media only screen and (min-width: 750px) {
h5,
.h5 {
font-size: calc(var(--font-heading-scale) * 1.3rem);
}
}

and replace with this code

@media only screen and (min-width: 750px) {
h5, .h5 {
font-size: calc(var(--font-heading-scale) * 1.1rem);
}
}

result

If this was helpful, hit the like button and accept the solution.
Thanks

Hey @SweatFree

Can you explain more details? A screenshot for your issue will be helpful.

Hi @SweatFree ,

These are the collections I found in the home, there is no descriptions on these, please let me know which section you are referring to inorder to resolve your problem.

Regards,

Sweans

Hi @Sonya_2025

I want the “them” in the same line as the rest of the text in the collection description instead of going in the second line.

Hi @Sweans

I want the “them” in the same line as the rest of the text in the collection description instead of going in the second line.

Hi @GTLOfficial

I want the “them” in the same line as the rest of the text in the collection description instead of going in the second line.

Hey @SweatFree

pls try below steps:

  1. Open your theme code editor

2.Find the theme.liquid and at the end of file Paste the code into it.

#shopify-section-template--14927606710354__featured_collection_L6UrtL p {
    letter-spacing: 0.01rem;
}

Hope this helps

Go to online store ----> themes ----> actions ----> edit code ---->base.css
add this code at the end of the file.

#shopify-section-template--14927606710354__featured_collection_L6UrtL * {
padding: 0px !important;
}

result

Thanks