Header title

[isa1978]

Hello guys,

I have a quick question. I have turned off the uppercase for the headers because I want to choose when to use upper or lower case. However with doing this the post title on the homepage/blog have turned into lower case.

Is it possible to turn them to upper case? If I turn the uppercase button on it would’t let me chose lower case when I want to use them in the posts.

thanks for your help

Cheers
Isabella

[rad]

Hi Isabella,

Thanks for reaching out.

That option applies to all headline. To selectively choose which one should have uppercase or normal case would require custom CSS. For example, turn off that Uppercase option then simply add this CSS to Theme Options > CSS

.blog .entry-header h2 {
text-transform: uppercase !important;
}

That’s only applicable for your current situation for blog page. It would require another CSS if you prefer to apply it somewhere else. This might help https://vegibit.com/css-selectors-tutorial/, https://developers.google.com/web/tools/chrome-devtools/css creating your own CSS selectors usable for custom CSS.

Thanks!

[isa1978]

Hello @rad, I am not sure I am following you. I am sorry.

First of all It’s the H1 that I want to be uppercase, all the others Headlines I want to be able to decide whether to be upper or lower.
I could manage it by turning the uppercase button off

My only problem was only with the H1 in the blog page (the one in the screenshot) that for some reasons look by default lower. I want them upper.

Maybe I was not clear in my first message. I hope I explained myself better now. Thanks for your help

[lely]

Hi Isabella,

To clarify, the Uppercase settings available on Theme Options > Typography, the one you shared on the initial message applies on all headlines.

@isa1978

First of all It’s the H1 that I want to be uppercase, all the others Headlines I want to be able to decide whether to be upper or lower.
I could manage it by turning the uppercase button off

If you will add a headline element on the builder, you have the option to set it as UPPERCASE under TEXT tab

@isa1978

My only problem was only with the H1 in the blog page (the one in the screenshot) that for some reasons look by default lower. I want them upper.

Blog page structure is controlledd by a template. To overwrite it’s design, we need to add custom CSS. Exactly as suggested prevously by @Rad. See this: https://screencast-o-matic.com/watch/cqXVl8uSnr

Hope this helps.