Docs

[Hivebusiness]

I’ve been banging my head against the wall for a fair few hours with this, I just can’t get responsive text to work.

Everything I resize the page the copy falls outside of the box.
http://hivebusiness.co.uk/dev-marketing/

The top three black boxes are the ones in question. Any help greatly received.

Thanks

KS

[Rupok]

Hi there,

I have checked but can’t find any responsive text on your site. Would you point us where you have used that?

Thanks!

[Hivebusiness]

Hi Rupok,

So on this page:
http://hivebusiness.co.uk/dev-marketing/
in the three black boxes I have the following code:

[custom_headline class=”responsive-heading” type=”left”]DEVELOPING[/custom_headline] [responsive_text selector=”.responsive-heading” compression=”100″ min_size=”30px” max_size=”48px”][custom_headline class=”responsive-heading” type=”left” level=”h2″]MARKETING[/custom_headline] [responsive_text selector=”.responsive-heading” compression=”10″ min_size=”45px” max_size=”48px”][custom_headline class=”responsive-heading” type=”left” level=”h2″]STRATEGY[/custom_headline] [responsive_text selector=”.responsive-heading” compression=”10″ min_size=”45px” max_size=”48px”]

But it doesn’t seem to do anything?

Any help would be greatly received.

Thanks
KS

[Rupok]

Hi there,

It seems you are nesting the custom headline shortcode within responsive text shortcode and it’s getting to many levels of element – http://prntscr.com/cs5hdk

Let’s try adding plain text within responsive text shortcode. If you want to use responsive text within Custom Headline then I’d suggest you to use Cornerstone where you can define the responsive texts and just use the selectors.

Cheers!

[Hivebusiness]

So what code should I be looking at using?

Thanks

KS

[Nabeel A]

Hi again,

Please refer to the following link http://demo.theme.co/integrity-1/shortcodes/responsive-text/

Hope this helps!

[Hivebusiness]

It doesn’t really help, no.

Using the shortcode on that page (in the yellow box near the top) and changing the text to uppercase means the text still isn’t responsive.
http://hivebusiness.co.uk/dev-marketing/

Please advise.

[Paul R]

Hi,

Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

[Hivebusiness]

This reply has been marked as private.

[Christopher]

Hi there,

I can’t check the page, it seems like you’re editing the same page.

Thanks.

[Hivebusiness]

Hi Chris,

Now out of the page.

Thanks

[Christopher]

Hi there,

Please update this code :

<p style="text-align: center;">[custom_headline class="responsive-heading" type="center" level="h2"]<span style="color: #ffffff;">Marketing</span>[/custom_headline] [responsive_text selector=".responsive-heading" compression="1.5" min_size="36px" max_size="62px"]</p>

To :

<p style="text-align: center;">[custom_headline class="responsive-heading" type="center" level="h2"]<span style="color: #ffffff;">Marketing</span>[/custom_headline]</p>

Add selector to responsive text element, see the attachment.

You need to remove all responsive text shortcodes and instead add responsive text element.
If you want to use different font size and setting for each responsive text element, add unique class and selector to each headlines.

Assume that following headlines should have different settings, I added unique classes to each headline, responsive-heading-1 and responsive-heading-2.

[custom_headline class="responsive-heading-1" type="left"]DEVELOPING[/custom_headline] 
custom_headline class="responsive-heading-2" type="left" level="h2"]MARKETING[/custom_headline] 

We need two responsive text elements, first element’s selector would be .responsive-heading-1 and second one would be .responsive-heading-2.

Hope it clarifies.

[Author]

Posts