Docs

[josephkwf]

The text didn’t responsive. Please find attached screen dump about the outcome of the following code I used. Please your guideline how to make it work. I am using Ethos-1, current version x-theme is 4.6.4.

Herein my code at Post.
[content_band bg_color=”#000066″ border=”all”] [container] [custom_headline style=”margin: 0;” type=”center” level=”h4″ looks_like=”h3″ accent=”true”]Boston Havard-MIT Math November Tournament 2016[/custom_headline] [/container] [/content_band]

<span style=”color: #000080;”><span style=”color: #99ccff;”>This is the first time my school participated this National High School Mathematics Tournament. It is organized by Harvard University and MIT every year in Boston at Harvard University Campus…,etc.</span> </span>

[Christian]

Hey Joseph,

Please see https://community.theme.co/kb/shortcode-walkthrough-responsive-text/ to learn how to use the responsive text.

Thanks.

[josephkwf]

Thank you Christian. I’ve read your link. What is the exact code format if I want to place it into my code above I posted?

Thanks again.
Joseph

[Lely]

Hello Joseph,

Something like this:

[custom_headline class="responsive-heading" style="margin: 0;" type="center" level="h4" looks_like="h3" accent="true"]Boston Havard-MIT Math November Tournament 2016[/custom_headline] [responsive_text selector=".responsive-heading" compression="1.5" min_size="36px" max_size="78px"]
See this:http://demo.theme.co/integrity-1/shortcodes/responsive-text/

Hope this helps.

[josephkwf]

Thank you all. It works now on [custom_headline]. Further,

How can I plug in to the following code as well?
<span style=”color: #000080;”><span style=”color: #99ccff;”>This is the first time my school participated this National High School Mathematics Tournament…, etc.</span> </span>

Have a great day.

[Paul R]

Hi,

You need to use div instead of span, then a class and make it as selector for responsive text shortcode.

eg.

<div class="responsive-text" style="color: #99ccff;">This is the first time my school participated this National High School Mathematics Tournament…, etc.</div> 

[responsive_text selector=".responsive-text" compression="1.5" min_size="36px" max_size="78px"]

Hope that helps.

[Author]

Posts