Docs

[educainventions]

I have added to the CLASS section of cornerstone the code: resp-p. Unfortunately, it does not seem to work on a list like the following one:

<ul>
 	<li>first element of the list</li>
 	<li>second element of the list</li>
</ul>

I have not found the css file or anything about resp-p (I have only found about resp-h) in the documentation. Where is the css file that set resp-p? Or is it done through Javascript?

How could I apply it in order to be resized in smaller screens like in <p> a paragraph </p>?

Thanks in advance! 🙂

[Rue Nel]

Hello There,

Thanks for writing in! It seems that you are trying to apply a responsive text to a list items. You can update the code for the list item like this:

<ul class="resp-p">
 	<li>first element of the list</li>
 	<li>second element of the list</li>
</ul>

This should work as long as you already set .resp-p in the responve text manager. You may need to apply Responsive text and manage it in Settings > Responsive Text. To know more about responsive text, please check it from our knowledge base here: https://community.theme.co/kb/shortcode-walkthrough-responsive-text/, http://demo.theme.co/integrity-1/shortcodes/responsive-text/

Hope this helps.

[educainventions]

Hi. I have changed it to <ul class="resp-p">. Unfortunately it had no effect. It seems to work only in <p class="resp-p"> paragraph </p>.

I have not been able to apply it to this page either: http://www.educainventions.com/checkout/ In that case, it is a raw component with the shortcode: [woocommerce_one_page_checkout] and resp-p man in the CLASS cornerstone entry.

Anyway it is more important for us the <ul class="resp-p"> than the woocommerce checkout page.

I don’t understand the documentation. I have tried: to add the shortcode [responsive_text] to the STYLE section and the CSS section, <ul class="[responsive_text]">, and <ul class=[responsive_text]>

None of them seem to work.

I don’t understand what I should to do in Settings > Responsive Text

[Friech]

Hi There,

Lets have your list a different class instead.

<ul class="resp-list">
 	<li>first element of the list</li>
 	<li>second element of the list</li>
</ul>

And then create a Responsive Text setting with a selector of .resp-list li

Play with the compression, minimum, and maximum size values until you get the desired look.

Hope it helps, Cheers!

[educainventions]

Thanks. Of course it helps!

I’d like the same values of resp-p. What are the compression, minimum, and maximum size values of resp-p? Where could I check those values? 🙂

[Christopher]

Hi there,

You can find those options under cornerstone settings tab/responsive text element.

Options:

• compression: set any number from 0.1 on up. Adjust number to suit your needs.
• min_size: set a minimum font size in pixels for your heading if you so desire.
• max_size: set a maximum font size in pixels for your heading if you so desire.

Hope it helps.

[educainventions]

Okay. I did it! Thank you!! 🙂

[Thai]

If you need anything else please let us know.

[Author]

Posts