Jump to content

How to change Category Title Font Size?

Go to solution Solved by AlexSan,

Recommended Posts

  • Solution

@Kieron1102,

Right now, it looks like this is what it is set to. It is in a media query:

@media screen and (min-width: 768px), screen and (max-width: calc(1716.2px)) and (orientation: landscape)
h2 {
    font-size: calc((var(--heading-2-size-value) - 1) * 1.2vw + 1rem);
}

Did you want it to be bigger or smaller? It may be a smart idea to keep the media query to keep the site responsive. However, if you want to edit the font-size yourself, you could try this:

.nested-category-title {
	font-size: 24px !important;
}

However, I suggest doing something like this, if you want it smaller:

@media screen and (min-width: 768px), screen and (max-width: calc(1716.2px)) and (orientation: landscape)
h2 {
    font-size: calc((var(--heading-3-size-value) - 1) * 1.2vw + 1rem) !important;
}

I am just using the size value of heading 3, which is smaller than heading 2. Or if you want it bigger:

@media screen and (min-width: 768px), screen and (max-width: calc(1716.2px)) and (orientation: landscape)
h2 {
    font-size: calc((var(--heading-1-size-value) - 1) * 1.2vw + 1rem) !important;
}

I am using the size value of heading 1, which is bigger than heading 2.

Link to comment

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.