Making title on Home Page smaller

Hey there Patty,

Hope you’re well today!

This can be done with some custom CSS. Since there is a custom CSS tab in the theme in Appearance >> Theme Options >> Custom CSS you can add this code there:

#post-entry article.post-single h1.post-title, h1.folio {
font-size: 3em;
}

Note that this is the original font size, to reduce it simply change the numeric value to what ever suits you the most.

Hope this helps ??

Best regards,
Bojan

Bojan,
Thanks so much for the reply … but that didn’t work. I know I put I in the right place, and even tried changing it to pt instead of em and nothing changed at all. Any other ideas?

Hi again,

I tested the code in my local installation and it worked, did you change the numeric value to something else (example 2em)?

Where did you add the code?

Best regards,
Bojan

Bojan,
I tried the number down to 1 em and nothing happened. I copied and pasted the above code to the Custom CSS box in Appearance>Theme Options. Are we both on Mesocolumn?
I’ve previously changed colors of h1 when the post is open (through help from this forum), and had to say “important” at the end. Would that help?
I appreciate your help SO much! Tell me what I’m doing wrong …
Have a happy day,
Patty

Hey Patty,

Sorry to hear you’re having issues with this. Yes we are both using Mesocolumn. It works just fine when I add it https://screencast.com/t/5Lasyi45F.

You can try using important just to make sure but I don’t think this is the case here.

If that doesn’t work could you post link to your site so I can take a look. Make sure to add changes in the custom CSS tab.

Cheers,
Bojan

My site is https://www.piggysisters.com

I’m baffled

Bojan? Anybody else?
Why is perfectly good code not working in Custom CSS? What could be blocking it? The other, former entries are still working as when first entered.
Any help would be greatly appreciated.
My website is:
https://www.piggysisters.com

Patty

I’m trying to figure this out too, but from what I can see the home page must have a different page template it’s pulling from. That code only works for posts and other pages.

I had the idea that maybe something was blocking the Custom CSS altogether, but that’s not true. I tried another code, changing the paragraph font-size and it worked.

Is it interesting that I CAN change the size of the photos on the front page … using the existing code in the CSS? Have recently changed the numbers.) Is that a clue to anything?

And what happened to my code editor in the first place? I used to be able to look/change the code directly from the Appearance tab. Any reason it went away? Can I get it back, even if just to investigate this?

You guys are awesome; thanks for your help!
Patty

Showing as code from the “Parent” from “Child Theme Creator” plugin … maybe this is the problem? It’s under rtl.css

#custom-theme-option h1 {
font-size: 20px;
font-weight: 300;

Hey there Patty,

Hope you’re well today!

Please try adding the following CSS code in Appearance >> Theme Options >> Custom CSS:

#post-entry article h1.post-title a, #post-entry article h2.post-title a {
font-size: 24px;
}

This should be the original post title font size. To change it please change the numeric value (24px) to what ever suits you the most.

Hope this helps ??

Best regards,
Bojan

IT WORKED!!!! Thank you so much Bojan!!!!
To change the size of the excerpt a little, would I do the same thing, just changing “a” to “b”?

I can’t believe you did this for me! I can’t thank you enough!
Patty

Hey again Patty,

Glad I could help ??

If you’re looking to change the font size of the excerpt only on home page please try adding this CSS:

.home .entry-content {
font-size: 15px;
}

Same as last time, this is the original font size value, change it to what ever suits you the most ??

Cheers,
Bojan

thanks for helping out Bojan.