Re: Change Font Size Collection Page Description - Theme Streamline

Solved

Change Font Size Collection Page Description - Theme Streamline

strippedstore
Tourist
10 0 6

Hi Shopify Community!

 

This is my first post. I've just started using the Shopify theme - Streamline and am looking to reduce the font size of the Collection Description. Please see attached the current size: 

 

Screen Shot 2021-10-13 at 20.23.43.png

However, there is also the option on this theme to Show the collection description at the bottom of the page. When this is selected, it shows the perfect font size that i'm looking for (15px)

Screen Shot 2021-10-13 at 20.24.01.png

Would love anyone to be able to help. Thank you

Accepted Solutions (2)
KetanKumar
Shopify Partner
37143 3648 12062

This is an accepted solution.

@strippedstore 

thanks for URL can you please try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css ->paste below code at the bottom of the file.

#shopify-section-collection-header h1 {
    font-size: 42px; /* change size as you like */
}
#shopify-section-collection-header .section-header__description {
    font-size: 18px; /* change size as you like */
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

Kinjaldavra
Shopify Partner
2303 570 1426

This is an accepted solution.

hello @strippedstore 

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

#shopify-section-collection-header h1 {
    font-size: 40px; 
}
#shopify-section-collection-header .section-header__description {
    font-size: 20px; 
}

 

View solution in original post

Replies 8 (8)

KetanKumar
Shopify Partner
37143 3648 12062

@strippedstore 

Sorry for facing this issue, it's my pleasure to help us.

Welcome to the Shopify community!
and Thanks for your Good question. 😊

Please share your site URL,
So I will check and provide a solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

Kinjaldavra
Shopify Partner
2303 570 1426

hello @strippedstore 

Please provide website url and if your store is password protected then also provide password So I will check and provide a solution here.

strippedstore
Tourist
10 0 6

Thanks https://www.strippedstore.com/ password metsai

KetanKumar
Shopify Partner
37143 3648 12062

This is an accepted solution.

@strippedstore 

thanks for URL can you please try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css ->paste below code at the bottom of the file.

#shopify-section-collection-header h1 {
    font-size: 42px; /* change size as you like */
}
#shopify-section-collection-header .section-header__description {
    font-size: 18px; /* change size as you like */
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
strippedstore
Tourist
10 0 6

This is great! thanks

Kinjaldavra
Shopify Partner
2303 570 1426

This is an accepted solution.

hello @strippedstore 

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

#shopify-section-collection-header h1 {
    font-size: 40px; 
}
#shopify-section-collection-header .section-header__description {
    font-size: 20px; 
}

 

strippedstore
Tourist
10 0 6

This is perfect. Thank you

lacuifa
Visitor
2 0 2

how can i do this with:

*header on main menu section

*product title

*product description

 

thanks a lot!!! i would really appretiate it