Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

How do I change "Category Title" Font Size?


dtimepieces

Question

  • Answers 22
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Popular Posts

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 {

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 scree

Thank you!! Worked perfectly.

Posted Images

22 answers to this question

Recommended Posts

  • 1

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 post
  • 0

Add to Home > Design > Custom CSS

/* Shop title */
@media screen and (max-width:767px) {
h3.nested-category-title {
    font-size: 40px !important;
}
}

 

Link to post
  • 0
44 minutes ago, mguz said:

I tried this and it didn't work. My category title in my store are huge.

Can you share link to store page? WE can check easier.

Link to post
  • 0
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 post
  • 0
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?

Link to post
  • 0
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 post
  • 0
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 post
  • 0
19 hours ago, shirazdaryan said:

Add to Design > Custom CSS

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

 

Link to post
  • 0
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 post
  • 0
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>

 

Link to post

Create an account or sign in to comment

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


×
×
  • Create New...