I want smaller responsive text font size

[tarekr]

Hello,

On my main page https://tarekrabaa.com/ar i have a text.
I have used cornerstone to insert a classic text.

The issue i need your help in how to reduce the size of the text on mobile phone. I am having the same font size for Laptop and for mobile phone.

Regards,

[paul.r]

Hi,

Kindly refer to the links below

http://demo.theme.co/integrity-1/shortcodes/responsive-text/

Hope that helps.

[tarekr]

Hello,

This is an old video and Cornerstone has changed since.
I couldn’t apply it straightforward.

[paul.r]

Hi,

Sorry about that, please see video - https://www.screencast.com/t/rEMMVlBxMO4h

Thanks

[tarekr]

Hi,
In my case it is a Paragraph. I use .p-responsive.
It didn’t work.
What to do?

[tarekr]

The Shotcode for responsive text is not straighforward and it is not easy to apply.
So please i need your help to apply responsivness on one sentence appearing on the main page https://tarekrabaa.com
This is the text i added to the classic text

p style=“font-size: 50px; text-align: center;”>موقع المهندس طارق عمر الربعة</p``

[rad]

Hi there,

You mean this text? موقع المهندس طارق عمر الربعة. Please change your selector to this #p1 p instead of just .p. You text has an ID of p1 hence #p1, and it has child paragraph, hence #p1 p.

Responsive Shortcode or Cornerstone responsive text feature are just the same, it’s just properly using the required selectors.

Thanks.

[tarekr]

Excellent. It works
But plz would you like to tell me how can I know the selector? how you know it is #p1 p
I need to know this important issue to apply on other text non-cornerstone

[ruenel]

Hello There,

You added p1 ID to the text element and that is why, the selector is #p1 p.

Hope this explains it briefly.

[tarekr]

Hello,
But I tried to use minimum font of size of heading to be 8 it is not working. I used compress ratio of 2 to have the required font size on mobile.
Also the spacing between the two lines is big.How to reduce it
plz check the URL https:.//tarekrabaa.com/ar/

[ruenel]

Hello There,

Thanks for updating in! If you want to have minimum font of 8, set the minimum of 8 font. The maximum font should also be set at least 12px closed enough to the minimum font. Please keep in mind that the font size will be calculated within the minimum and maximum font size. If you set a higher number for maximum font size, it will display the text closed enough or at least 75% of the minimum font.

Hope this make sense.