Docs

[thisiscarlo]

Hi there,

I’ve managed to put in optimal settings for my headlines to make it responsive.

The thing is, I don’t want to have to create these settings for every page I create.

Is there anyway I can put these settings in the CSS customizer for the theme so I don’t have to do that?

[thisiscarlo]

So just to add coz I feel like I didn’t explain that well, basically say that I have a responsive text setting of .h1-responsive that I apply to all H1 classes. Compression of 1.2, max size 76 and minimum size 56.

I want to have a global CSS setting for every page where the .h1-responsive class will have those settings — regardless if it’s on the responsive text feature for that page or not.

Is there any way to do this, or am I stuck recreating those responsive text settings for every page I create?

[Nabeel A]

Hi there,

Thanks for writing in! Yes that can be possible, can you please provide the URL of the page where you’re using the responsive headlines so we can take a closer look?

Thanks!

[thisiscarlo]

This reply has been marked as private.

[thisiscarlo]

Not sure if my last post was seen, just wanted to follow up — thanks!

[Rupok]

Hi there,

Thanks for writing back. If you add the Responsive Text in a page then it will work throughout the site. You need tp add the selector (i.e. h-responsive) for the Custom Headline on other pages.

Cheers!

[thisiscarlo]

Yes, my original question was would it be possible to put these responsive text settings through the global CSS customizer so I could put it for every H tag?

I’ve tried to look at the inspector for CSS settings but couldn’t find it.

[Christopher]

Hi there,

Not exactly, but you can use specific font size for specific screen size, please try this code:

@media (max-width:480px){
.h1,h1{
font-size:24px;
}
.h2,h2{
font-size:22px;
}
.h3,h3{
font-size:20px;
}
.h4,h4{
font-size:18px;
}
.h5,h5{
font-size:16px;
}
.h6,h6{
font-size:14px;
}
}

Hope it helps.

[thisiscarlo]

For future reference, I found the answer I was looking for here:

https://community.theme.co/forums/topic/make-all-headings-responsive/page/2/

[Prasant Rai]

Happy to hear that. Feel free to ask us again. Have a great day! 🙂

[Author]

Posts