Global responsive headline class - rather than setting on each page manually?

Support
#1

Is there anyway to add the responsive class setups as a global class for all pages, so you only need to add the class to elements on each page? I’m using three Responsive elements on each page which all works fine, but having to create the styles on EACH AND EVERY page is a massive pain in the wotsits. When you have a site with around 100 pages, having to add these responsive setups through the page settings on EVERY page takes forever.

I tried adding the following in the custom CSS but sadly that didn’t work.

.h-responsive-headers {
compression: 3.0;
min_size: 16;
max_size: 25;
}

Is there anyway to set these styles somewhere so it automatically applies to all pages?

The responsiveness of the Pro theme (or lack of) is a major flaw, as everything else about it and Cornerstone is fantastic, but getting the basics of a scaling headline working is monumental time waster at the moment for something that should really work out of the box.

Thanks for the time.

#2

Hello Mark,

Thanks for writing in!

Please be advised that the responsive text is designed for texts on a page by page basis. If you want a fully responsive text globally, please check out Responsive Typography and how it works. This can easily be set in X > Theme Options > Typography.

For the detailed explanation of the feature and how to use it kindly read this article:

And here is the technology core which the feature is based upon:

You need to make sure that you set proper unit. It seems that em is not suitable for your case. But reading the article will clear things out.

Thank you.

#3

brilliant thank you! I’ll take a look into this. I figured there must be a way to make that work as it made no sense to have to do it on each and every page manually :wink:

#4

You’re welcome!
We’re glad we were able to help you out.

#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.