Jump to content

How do I change "Category Title" Font Size?

Recommended Posts

  • 4 weeks later...
6 hours ago, mguz said:

The site is live now. Here you go https://www.artbymga.com/shop/sky-above-us3

Hi

Use this code in Design -> Custom CSS

@media screen and (min-width:678px){
    h3.nested-category-title.nested-category-title-padding {
    font-size: 40px !important;
}
}

@media screen and (max-width:677px){
    h3.nested-category-title.nested-category-title-padding {
    font-size: 20px !important;
}
}

Please use the like button if it helps you!

Best,
Leopold

Ninja Kit Extension: Upgrade your Squarespace website without coding.

YouTube Preview    -    FREE DOWNLOAD

Link to comment

You are welcome!

Use this code in Design -> Custom CSS

@media screen and (min-width:678px){
    .tweak-products-width-inset .products.collection-content-wrapper h3.nested-category-title {
    font-size: 40px !important;
}
}

@media screen and (max-width:677px){
    .tweak-products-width-inset .products.collection-content-wrapper h3.nested-category-title {
    font-size: 20px !important;
}
}

Please use the like button if it helps you!

Best,
Leopold

Ninja Kit Extension: Upgrade your Squarespace website without coding.

YouTube Preview    -    FREE DOWNLOAD

Link to comment
  • 2 months later...
On 12/1/2020 at 2:42 AM, marionlesso said:

Hi there (if someone's still here 🙂

I'm having a similar issue and the code is not working on my website. Can anyone help me please? 

https://www.onelovelash.com/strip-lashes-1
Code: Onelovelash2020

Where is category title?

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 1 month later...
On 9/10/2020 at 6:10 PM, IXStudio said:

You are welcome!

Use this code in Design -> Custom CSS


@media screen and (min-width:678px){
    .tweak-products-width-inset .products.collection-content-wrapper h3.nested-category-title {
    font-size: 40px !important;
}
}

@media screen and (max-width:677px){
    .tweak-products-width-inset .products.collection-content-wrapper h3.nested-category-title {
    font-size: 20px !important;
}
}

Please use the like button if it helps you!

Best,
Leopold

@IXStudio
Hej from Sweden 🙂

I have the same problem but on the blog, I used the code that you wrote but it doesn't work, I guess because the code is for product not blog. Do you know how can I fix it?

Link to comment
17 hours ago, shirazdaryan said:

@IXStudio
Hej from Sweden 🙂

I have the same problem but on the blog, I used the code that you wrote but it doesn't work, I guess because the code is for product not blog. Do you know how can I fix it?

Hi dear,
Please share your website URL.

Best,
Leopold

Ninja Kit Extension: Upgrade your Squarespace website without coding.

YouTube Preview    -    FREE DOWNLOAD

Link to comment
21 hours ago, tuanphan said:

Add to Design > Custom CSS



/* blog category size */
span.blog-categories-list * {
    font-size: 30px !important;
}

 

Thanks, I did that but still doesn't work, also my custom font stopped working.

/* blog category size */
span.blog-categories-list * {
    font-size: 30px !important;
}

@font-face {
    font-family: 'MADEMirage-Thin';
       src: url('https://static1.squarespace.com/static/5e20661b8a7f147d7be64d9e/t/5fdb14fe3ef1ef746ce2f2b7/1608193278855/MADEMirage-Thin.otf');
  }

h1,h2,h3,h4 {font-family: 'MADEMirage-Thin';}


https://static1.squarespace.com/static/5e20661b8a7f147d7be64d9e/t/5ff888f378fe271191a8dc12/1610123507042/sign.png

Edited by shirazdaryan
Link to comment
On 1/22/2021 at 5:28 PM, shirazdaryan said:

sorry, I don't understand it, do you know why the code doesn't work?

Does anybody else know what is the problem?


span.blog-categories-list * {
    font-size: 30px !important;
}

Try adding to Code Injection > Header

<style>
  span.blog-categories-list * {
    font-size: 30px !important;
}
</style>

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 11 months later...

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.