Changes to theme’s style.css not showing in Appearance > Editor view

[ad_1]

Hi, and apologies in advance for the very niche question. I’m at a loss here, and still new to learning WordPress.

I have a WordPress application setup via Cloudways hosting on a Digital Ocean server. Inside this WordPress installation, I have a custom theme created called ‘squeake’. This ‘squeake’ theme is activated on my wp-admin Appearance > Themes dashboard.

Using SFTP (FileZilla), I’ve added a testing class called ‘cta-button’ to my style.css file with the below properties.

.cta-button {
color: red !important;
}

Then, from the wp-admin dashboard I’ve navigated to Appearance > Editor. I’ve clicked on one of my navigation menu links e.g. ‘Sample Page’, selected Settings in the top right, and under ‘Advanced’ I’ve added a css class ‘cta-button’.

When I hard refresh my chrome browser on the live site (‘Visit Site’), the Navigation Page link now shows up in red colour…great ***however*** when I move to my wp-admin dashboard and to Appearance > Editor, the Page link remains black coloured (even though I can see the class being added to the element in the Chrome Dev Tools > Elements).

I’ve created the same situation locally before (via Local or MAMP), but was able to see the changes in my Appearance > Editor view as well as the live site.

I’ve been through live chats with Cloudways where they’ve purged the server cache but that did not change anything. I’ve also turned off all caching plugins on the WordPress app.

Any thoughts or ideas would be greatly appreciated.

[ad_2]