Product tilte's font size on Collection Page

Solved
Highlighted
Tourist
10 0 0

I'm currently using Narrative theme

And I want to make my product tile on my collection page smaller

But I can't find the code for it

Can anyone helps ? Many thanks1.jpg

0 Likes

Hello ,

Please share your site url.

So that i can check and let you know.

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
Tourist
10 0 0
0 Likes
Highlighted
Shopify Expert
3468 543 819

This is an accepted solution.

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss->paste bellow code in bottom of file

 

.card-list__column .card__name {font-size: 14px;}

Note change font size as you want.

 

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
1 Like
Highlighted

This is an accepted solution.

Hello ,

Add this css at the bottom of

Online Store->Theme->Edit code->Assets->theme.scss.liquid

.card-list__column .card__name {
font-size: 13px;
}
Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
1 Like
Highlighted
Tourist
10 0 0

Thanks you Jasoliya, thanks you soo much. It works like a charm

0 Likes
Highlighted
Tourist
5 0 1

is it possible to apply the size change only on mobile view?

0 Likes
Highlighted
Shopify Expert
3468 543 819

If this code work for you and only want to apply in mobile  then try this:

 

@media only screen and (max-width: 767px) {
        .card-list__column .card__name {font-size: 14px;}
    }
Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes