How to make the title of a collection page smaller

[michal22]

Hi, I d like to ask if you could help me make the title “Top Selling Products” smaller… You can get there by clicking pop up menu and then click “Best Sellers” and you´ll see the heading “Top Selling Products” pop up and it is pretty big. My site is: pawitopia.com

Sorry for not posting an image but my computer wouldn´t let me…

Thank you very much.

[michal22]

Cant I just add some code in the edit code maybe please for free?

[radaevich]

Hi, please send me a link to the site

[Made4uo-Ribe]

Hi @michal22

Do you want to change only on this collection? Or also the heading/title of other collection?

For only this collection. check this one.

From you Admin page, go to Online Store > Themes

Select the theme you want to edit

Under the Asset folder, open the main.css(base.css, style.css or theme.css)

Then place the code below at the very bottom of the file.

div#shopify-section-template--21181248340294__banner h1.collection-hero__title {
    font-size: 2.5rem;
}

And Save.

Result:

Note: You can adjust the size you like.

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

[michal22]

thank you very much