Element CSS not applying on frontend + cannot find Global CSS anymore

[Sophiamp]

Hi,

I have added css to an element on my home page, and it shows in the CS preview, but not on the front end.

I also am having trouble finding where to edit my global css now since the latest big update…

[prakash_s]

Hello @Sophiamp,

Thanks for writing to us.

In order to help you with your concerns we need to check your settings I would request you, please share the admin login details meanwhile I would suggest you troubleshoot a few of the common issues before we investigate your settings. Please share your details in a secure note. Please provide the following details

• WordPress Login URL
• Admin-level username and password

You can find the Secure Note button at the bottom of your posts

Thanks

[ruenel]

Hello @Sophiamp,

You are experiencing the issue because on the very first Text element, you inserted a broken inline element CSS:

You have forgotten to close it like this:

@media (max-width: 767px){
  $el {
    font-weight: bold;
    letter-spacing: 1.5px !important;
    font-size: 35px !important;
  }
}

We highly recommend that you always indent your code.

Best Regards.

[Sophiamp]

oh aha. Thank you for finding that!

Much appreciated.

[ruenel]

You’re welcome.

[Sophiamp]

OK so I fixed the incorrect code, but its still not displaying…

[tristup]

Hi @Sophiamp,

The same problem is found in the Element CSS of Column as shown in the given screenshot. If fixing the incorrect code does not resolve your problem, there might be some other places where the same problem exists.
Please remember that we don’t support custom CSS code or related issues.

Hope it helps.
Thanks

[Sophiamp]

Thanks again.

I did hunt around for any further errors on the page but missed that one too.

That worked.

[marc_a]

Hey Sophie,

We’re glad that you’re able to figure it out!

Cheers!