Is there a way to make my header fonts smaller

Support
#1

Hi,

I want to make my blog headers a tiny bit smaller for the pages under “categories” and “all blog posts” (example link here: https://digitalnomadquest.com/blog/) :

But I don’t want it to affect the size of these headers when you look at the blog post itself:

Any advice? Thanks!

#2

Hello Sharon,

Thanks for posting in!

I have inspected your blog page and I found out that somewhere in your X > Theme Options > Custom CSS, this css code was added:

.x-iso-container-posts.cols-2 .entry-title {
    font-size: 200%;
}

If you can find it and reduced the 200 font size, then you will be able to change the font size a bit smaller without affecting the blog posts itself.

Hope this makes sense.

#3

Hi, I found one that says it is 130% and when I edit it down to 100% it doesn’t change anything. Can you advise?

#4

Hi Sharon,

Try updating it the code to:

.x-iso-container-posts.cols-2 .entry-title a {
    font-size: 100%;
}

Hope this helps.

#5

Hi - I still can’t get this working. Can you advise?

#6

Hi Sharon,

I have tried the code in the console while on your blog page and it’s working fine.

Try updating it to:

.x-iso-container-posts.cols-2 .entry-title a {
    font-size: 100% !important;
}

Or setting the font size value to a px value.

If that still does not work, there might be some CSS error in the codes you have added in your global css which is causing the code not to take effect. To verify that, please copy all the codes that are in the Global CSS and paste it here.

It should provide some information if there are any CSS error that is causing the issue that you have to fix so that the CSS codes will work.

Hope this helps.

#7

Hi - it seems like it worked for my category archives but not the “Blog” section. Can you advise?

#8

Hello Sharon,

Kindly update the code and use this instead:

.x-iso-container-posts.cols-2 .entry-title,
.x-iso-container-posts.cols-2 .entry-title a {
  font-size: 100% !important;
}

We would love to know if this has worked for you. Thank you.

#9

Works - but was wondering why the blog section has less line spacing than the other categories? Thanks

#10

Hi Sharon,

Try adding a line-height property to the previous code like:


.x-iso-container-posts.cols-2 .entry-title,
.x-iso-container-posts.cols-2 .entry-title a {
  font-size: 100% !important;
  line-height: 1.4 !important;
}

Hope this helps.

#11

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.