[Support request] Post Title

Log In Free Support

Popular Articles

Missing style.css

Updating errors

Installing GP Premium

Installing GeneratePress

This topic has 3 replies, 2 voices, and was last updated 3 years, 2 months ago by David.

Viewing 4 posts - 1 through 4 (of 4 total)

Author

Posts
February 13, 2023 at 5:18 am #2531353

jim

Dear Support,

I create a section template thought Elementor but I am trying to find the way to apply different H1 than GP theme setting for this template?

How can I apply this so as to set a certain size for desktop and another for mobile?

Please advise.

Thanks,
Jim

February 13, 2023 at 6:57 am #2531456

David
Staff
Customer Support

Hi there,

go to Customizer > Typography, and under the Typography Manager > Add New and select the Target Element: Single Content Title H1. And there you can set its styles for Desktop, Tablet and Mobile

February 13, 2023 at 7:12 am #2531482

jim

Thanks David.

I am interested in applying different H1 size for desktop/mobile posts only.

Do I need to apply CSS?

February 13, 2023 at 7:27 am #2531499
David
Staff
Customer Support
If its just the single post then this CSS:
```
/** Single Post H1 sizes **/
/* Desktop */
.single-post h1.entry-title {
    font-size: 30px;
}
/* Tablet */
@media(max-width: 1024px) {
    .single-post h1.entry-title {
        font-size: 24px;
    } 
}
/* Mobile */
@media(max-width: 768px) {
    .single-post h1.entry-title {
        font-size: 20px;
    } 
}
```
Author

Posts

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.