How to change the font size of the collection title in debut theme?

274 60 55

You forgot to add this: }

That's why the code breaks.

.site-nav li {
    font-size: 25px;
On The Map Marketing | Developing custom Shopify Sites & Apps is our thing

- Install our latest app Accessibly - Makes your store accessible for everyone, helps to avoid fines
- Inc 5000 | Shopify Parners | 20+ stores launched | 300+ active clients
- Need help with your Shopify store? Reach out to us!
22 0 0

Thanks! That helped fix the errors! Unfortunately, it didn't do much for the "Shop Now". The dropdown list text did get bigger, but the Shop Now itself didn't change in size or anything.


// This is for title
.section-header h2 {
    font-size: 30px;
  font-weight: bold;

// This is for navigation
.site-nav li {
    font-size: 22px;
    font-weight: bold;

.site-nav__dropdown ul li {
    font-size: 16px;

This is what I currently have at the bottom of the theme.scss.liquid. I apologize for all these questions. I'm definitely gonna take a bit of time to try to learn some coding. I've also tried to do:



p {
    text-transform: uppercase;



To make the header text all capitalized, but it ends up capitalizing the whole thing, such as the text overlay on the image.


I did do some bolding on some part as you can see too. With the bolding, it makes the Shop Now stands more out since it's not affected by the code. The dropdown list would be bigger in font size and bold as well, which makes it very weird to look at.