CSS not working on website

Hi Rikard
I have included the login url along with the user and password.
Basically, when I go to Enfold Child – General Styling and add CSS into the Quick CSS section it doesn’t have any effect.
I have enabled the Custom CSS Class box to display in each of the elements. I add the relevant name for the particular part of CSS into the custom CSS Class box and update the page. The result is the CSS does not have any effect on the page.
The strange thing is, previous CSS that I had wrote, works perfectly well, it is only when I try and add new CSS or even alter existing CSS that the problem occurs. It seems as though it accepts the older CSS but is just ignoring any new or amended CSS. This is the same for any page on the website.
Any help would be greatly appreciated.

Kind regards
Paul

Hi Rikard
Yes,as an example I have some CSS as follows:-
.distance {
color: #ff4000;
font-size: 18px;
font-style: italic;
font-weight: bold;
}

This is placed in the Quick CSS section but has no effect on the text when I apply it. I also want to add a similar CSS but in a different font colour and font size, i.e.
.distance-white {
color: #ffffff
font-size: 24px;
font-style: italic;
font-weight: bold;
}
But again it has no effect.
Basically any new or amended CSS I add to the Quick CSS section is having no effect at all.
The Quick CSS section used to work fine and all of the older CSS that was added to it works okay. It would appear that something has changed that will allow the older CSS to work, but any new or amended CSS will not work.

The following CSS was added in the Quick CSS section quite a while ago and works perfectly:-
@media only screen and (max-width: 768px) {
.only_desktop { display: none !important; }}

@media only screen and (min-width: 769px) {
.only_mobile { display: none !important; }}

I appreciate this is a bit random, but I am just trying to explain that something is preventing any new or amended CSS from working, but I simply haven’t got a clue why this would be.

Thanks
Paul