Archived topic

How to change the size of the hero-heading?

5 replies · Started by Real on April 22, 2020

Viewing posts 1–6 of 6

April 22, 2020 at 9:06 am #1249472

Hi all!

I am with Aspire template.

Is there another way to change the size of the hero-heading?

I tried from Customize > Typography > Header but I don’t see any change.

Thanks

April 22, 2020 at 9:37 am #1249551

Hi there,

Go to Additional CSS field in the customizer and edit this block of CSS:

h1.hero-heading {
	font-size: 50px;
	font-weight: 600;
}

Let me know if this helps :)

April 22, 2020 at 10:02 am #1249583

Hi Leo,

Yeah, it works but it is changing the size in Desktop too.

And, I want to change the size ONLY in mobile. Any idea?

Thanks

April 22, 2020 at 10:17 am #1249593

Add this CSS:

@media (max-width: 768px) {
    h1.hero-heading {
	font-size: 50px;
    }
}

April 22, 2020 at 10:56 am #1249641

Hi,

It works.

Many thanks!

April 22, 2020 at 3:38 pm #1250009

No problem :)

This archived topic is closed to new replies.