Re: Change collection text size on front page on sense theme

Solved

Change collection text size on front page on sense theme

Sebastian2630
Tourist
11 0 4

can anyone help with what and were to put the code to make this text smallere

so that it can fit on one line 

its my products from my collection.

i would really appreciate if someone can help iam new 2 this so still learning 🙂

 

432273729_1366001344095092_2234304009822759230_n.jpg

Accepted Solution (1)
ThePrimeWeb
Shopify Partner
2139 616 526

This is an accepted solution.

Hey sorry, i missed this.

 

Delete the previous one and use this instead

<style>
@media only screen and (max-width: 989px) {
   .collection-list a.full-unstyled-link {
       font-size: 16px !important;
   }
}
</style>

 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!

View solution in original post

Replies 4 (4)

ThePrimeWeb
Shopify Partner
2139 616 526

Hey @Sebastian2630,

 

Go to your theme's "Edit Code" Option, then in the search bar type "theme.liquid"
Below the tag "<head>" tag paste the following. Screenshot attached for reference.

 

Increase or decrease the value 16px to any size you like

@media only screen and (max-width: 989px) {
   .collection-list a.full-unstyled-link {
       font-size: 16px !important;
   }
}

 

Screenshot is for reference only, the correct code to paste is the one shown above.

ThePrimeWeb_0-1710875260543.jpeg

 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!
Sebastian2630
Tourist
11 0 4

i mate i have tryed to paste it in here and nothing happend as i could see

is it the wrong place i have put it 

 

432433231_1619546352122122_1977204004967392059_n.jpg

ThePrimeWeb
Shopify Partner
2139 616 526

This is an accepted solution.

Hey sorry, i missed this.

 

Delete the previous one and use this instead

<style>
@media only screen and (max-width: 989px) {
   .collection-list a.full-unstyled-link {
       font-size: 16px !important;
   }
}
</style>

 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!
Sebastian2630
Tourist
11 0 4

works like a charm now thanks alot mate !