Text doesn’t scale down when viewing on phone

hrisileone · Member · Aug 6, 2022 at 9:00 pm
Copy link

Add topic to favorites
Hello,

I am using: https://wordpress.com/ and I am not using ELEMENTOR

I tried with inserting the following code in ‘Additional CSS’:

@media screen and (max-width: 1050px) { /*FOR HEADER*/ .ptsEl.ptsCol .ptsColHeader .ptsEl[data-el=”table_cell_txt”] p span { font-size: 20px !important; } /*FOR OTHER TEXT*/ .ptsEl.ptsCol .ptsRows .ptsCell .ptsEl[data-el=”table_cell_txt”] p span { font-size: 16px !important; } }

But had no sucess!

Can anyone help me? THANKS!

WP.com: Yes
Correct account: Yes

The blog I need help with is: (visible only to moderators and staff)
montipariteiti · Member · Aug 7, 2022 at 10:07 am
Copy link
@media only screen and (max-width: 767px) {
h1, h2 {
font-size: 30px;
}
}

Is not working as well.

Please advice!
aleone89 · Staff · Aug 7, 2022 at 10:09 am
Copy link
Hello there,

Many thanks for reaching out.

To check, are you referring to the text: “ПРОФЕСИОНАЛНИ
ОБУЧЕНИЯ” ?

You may not need CSS for this, so we can perhaps take a closer look!
montipariteiti · Member · Aug 7, 2022 at 3:14 pm
Copy link
Hello,

Yes, I am referring to the text: “ПРОФЕСИОНАЛНИ
ОБУЧЕНИЯ”. I do not want to make the text smaller in general. I just want it to scale down when it is seen from a mobile phone.

Regards,
Christina
fstat · Staff · Aug 8, 2022 at 8:18 am
Copy link
Hi Christina,

You don’t need CSS to adjust the text size for that. You can do it directly through the page editor. Here are the steps you need to follow:

1. Open your homepage (titled “Nail Academy Valentina Vladimirova”) in the Editor

2. Click on the text and then change its size from the sidebar to the right.

Here’s a screenshot to make things easier:
hrisileone · Member · Aug 8, 2022 at 8:25 am
Copy link
Hello,

I do not want to make the text smaller in general. I just want it to scale down when it is seen from a mobile phone. I need to create a rule for this text to scale down when it is displayed on a phone.

Regards,
Christina
fstat · Staff · Aug 8, 2022 at 8:49 am
Copy link
Got it. For that, you’ll need to use CSS, which is a feature of the Premium, Business, and eCommerce plans.
montipariteiti · Member · Aug 8, 2022 at 10:05 am
Copy link
ОК. I will upgrade to premium soon. Please let me know what code I should use for this matter.

Thanks in advance!
hrisileone · Member · Aug 12, 2022 at 7:36 am
Copy link
Hello, I have just upgraded to Premium! Please answer my questions above when possible.
Thanks!
staff-ozmodiar · Staff · Aug 12, 2022 at 1:45 pm
Copy link
Try inserting your CSS again now that you have upgraded to Premium.
montipariteiti · Member · Aug 12, 2022 at 2:03 pm
Copy link
Not working, please advise
helper-heroponriki · Member · Aug 12, 2022 at 4:57 pm
Copy link
Hi there!

While we provide the ability to add CSS to your website, providing help or troubleshooting with CSS code falls outside the scope of support we can provide.

We have some guides here that might help:

https://wordpress.com/support/editing-css/

Otherwise, if you need direct help with your specific code, you should reach out to the WordPress community for guidance:

https://wordpress.org/support/forum/how-to-and-troubleshooting/

I hope that clarifies things.

No items found.