Issue Changing Font Size in CSS 7.1

I am having an issue trying to change the font size using CSS. I have been using the font-size property, and it was working before but no longer is. This is the code I was using and the result. I made it red so you can see the issue. I input 5 rem, but the font would not change sizes. Instead, the line height simply increased. Does anyone know a solution to this? Thank you!

@media only screen and (max-width: 640px) {#block-3f62cb3dfaedbf89b18f h4{
  font-size:5rem !important;
  background-color: red;
  }}

Can you share your website and the page this is on?

beecolink.com

Which page?

I'm having this issue on all pages. It doesn't seem to work if I try to change the font size on anything anymore. This page specifically is page called B corp. I was trying to edit the css specifically for mobile. But I'm finding that I running into the same issue with any new text block I create. 

If you're generally having problems with CSS rather than the specific problem you stated above, I would suggest clearing your browser cache.

Hi all,

I am also having issues changing font size, specifically in 7.1.

For example, the default description label in a form is very small. Google Search frequently tells me there are small font issues. In SS7.0, I have successfully increased the font sizes in a form but the CSS isn't sticking in 7.1.

This is the script I am using for 7.1 (that isn't working) is:

.sqs-block-form .field-list  .option .description {
    font-size: 16px !important;
  opacity: 1 !important;
}

I added the opacity tweak so that the font is more accessible - the default opacity renders the fonttoo greyed out, and inaccessible.

This is the page I am trying improve:

https://www.cihs.org.au/join-cihs

Many thanks!

Try this adjustment:

.form-wrapper .react-form-contents .field-list p.description {
  font-size: 16px !important;
  opacity: 1 !important;
}