This will only apply that font-size to any paragraphs within an entity with a class of amenities-nav like
<div class="amenities-nav">
<p>This font-size will be 30px</p>
</div>
<div class="some other classes">
<p>This font-size will NOT be 30px</p>
</div>
If you’ve got a common class which sets the color, set the font-size there. Though that’ll mean you’ll need to remove the other font-size settings throughout your css.
There is no element with that class on the page you linked, so for that reason it does nothing.
So you either add the class where you need it, or you target another class that does exist on the elements you want to target, or create a new class, apply it to the elements and target with CSS.
Though if this is the base size for all body text throughout the project, you may want to target the p element directly. Though there may likely be other more specific selectors already.
Ideally you want to get CSS right from the start so making small changes to specific parts are easy.
I would also recommend using relative units like em and rem for font sizes, that can make life easier, though it won’t change how selectors and specificity works.
Though I will add that setting font sizes in pixels is outdated and has accessibility issues. Using a variable sizing scheme (like em/rem) will allow the user to keep control of their font size.
It’s probably not a good idea to have smaller fonts on a small screen (except maybe large titles).
People need to be able to read the text, so keep body text at least as big on small screens.
“Try using the following CSS code: css body { color: white !important; font-size: 30px !important; } This code will change the font color and size of all text on your site to white and a 30px size. Using !important ensures that this style will override any other styles applied to text on your site.”
Unfortunately, I don’t have an iPhone, and my Android and the emulators are all showing the same exact display. Can you screenshot it to show us what you’re seeing?
I think the variable font sizing like this is fine when you have big, bold headings that just won’t fit on a small screen. But I would avoid this for body text, as you don’t want that getting smaller on a small screen.