Can't view my changes I've made in CSS

[nutriflower]

Hi,
I am using the Foodie Pro Theme and I cannot view my changes that I've made in the Stylesheet. Under Appearance, I clicked on Editor, and searched for this following code inside the stylesheet:

.genesis-nav-menu .sub-menu a:hover,
.genesis-nav-menu .sub-menu a:focus,
.genesis-nav-menu .sub-menu .current-menu-item > a:hover,
.genesis-nav-menu .sub-menu .current-menu-item > a:focus {
color: #fff;
background: #010101;

All I did was change the color and background, so I did not add or delete any coding. After editing the code looks like this:

.genesis-nav-menu .sub-menu a:hover,
.genesis-nav-menu .sub-menu a:focus,
.genesis-nav-menu .sub-menu .current-menu-item > a:hover,
.genesis-nav-menu .sub-menu .current-menu-item > a:focus {
color: #333;
background: #ccc;

So, I clicked the "Update File" button and it says "File edited successfully" at the top, and went to visit me site but I can't see any changes. I have tried refreshing, even logging out and in again, but I still cannot see the new colors that I added to my sub-menus. I have been following this tutorial on youtube for this specific edit: https://www.youtube.com/watch?v=r_98D0oS5dQ&list=PL7TuJddHYTorUJIJbdP5OYyRK_sumvVOK&index=14

I heard that for some people the stylesheet editor can be blocked depending on which hosting service they are using, but since my editor is not blocked and I was able to make changes in it, shouldn't it work?

I hope someone can help be resolve this issue. Your help would be very much appreciated.

Thank you,
Nadia

Note: I am using Bluehost as my webhost and I have wordpress installed on it. Also, my food blog is not published yet since it is not ready yet (I am still working on customizing the Foodie Pro Theme).

http://www.nutriflower.com

[Christoph]

Hi,

clear all your caches (e.g. browser, caching plugin, CDN, hosting).

---

https://www.christophherr.com | Genesis Customizations | Buy me a coffee

[nutriflower]

Thank you for your help Christoph! I tried using my Internet Explorer instead of Google Chrome and it worked!! Thank you so much for the tips!! Closer to launching my vegan food blog. Yaay! 😀

Have a great day!

[nutriflower]

Its wierd, I was able to make some changes inside my stylesheet and view the changes on my blog using Internet Explorer, but when I got back to using google chrome, the changes are not seen. I am worried how other people will view my blog theme.

[Christoph]

Chrome can be especially stubborn with its caching.
You can force a "hard" reload of the browser by using Ctrl + F5

There is really nothing to be concerned about what others will see.
Visitors will download the latest version of the website from the server.

There is a plugin that can help with stubborn caching.
https://wordpress.org/plugins/busted/
You would only need to keep it active while you are making changes to your site.

---

https://www.christophherr.com | Genesis Customizations | Buy me a coffee

[Author]

Posts