-
AuthorPosts
-
August 14, 2019 at 7:33 pm #1127710
Hi everyone,
I changed the styling for my main menu links under Advanced Styling so that when you hover over the links, the background and font color changes. However, those changes I made aren’t working. I tried clearing my cache and refreshing but still no luck. Here is screenshot of what I did in Advanced Styling: https://ibb.co/yhDC8dh
Please let me know how I can get these hover settings to work. Thank you!
- This topic was modified 5 years, 3 months ago by Southern Comfort. Reason: Typo
August 14, 2019 at 10:56 pm #1127766Also, I tried changing the font size of the main menu links as well using the Advanced Styling, but those changes are not showing up either.
August 16, 2019 at 1:53 am #1128110Hi, following up on this. I desperately need help. I realized now that none of the changes I make in Advanced Styling or Quick CSS are working anymore. I did some research and found people who had similar problems and tried everything recommended in the following threads:
https://kriesi.at/support/topic/quick-css-issue/
https://kriesi.at/support/topic/quick-css-not-running/
When I followed the advice of deleting the enfold.css file and then saving changes in Theme Options, it would not regenerate a new enfold.css file. I tried changing permissions and that did nothing either. I tried the tip of changing the name of the enfold.css file too, and again, it would not regenerate a new enfold.css file when I went to Theme Options and saved changes.
I tried removing a simple code I had in Quick CSS (one that centered the copyright info in the footer) and saved it. I cleared my cache and did a hard refresh, but the copyright was still centered on the website even though I removed that code.
Can anyone please help me out with this? Any help would be much appreciated. Thank you so much.
August 19, 2019 at 12:06 am #1128748Hi,
Sorry for the late reply, and thanks for the image and login.
I didn’t find the advanced styling that was in your screenshot, so I added it, and when I checked the front end I found this css overriding:#top #header #avia-menu > li:hover > a { background: #fff !important; border: 0 !important; } #top #header #avia-menu > li:hover > a span.avia-menu-text { color: #710e15 !important; border: 0 !important; }
This was in your WordPress > Customize > Additional CSS so I committed out and cleared your site cache.
But this didn’t allow your advanced styling or Quick CSS to work. I could not find any errors and don’t see any plugins that may cause this.
But your WordPress > Customize > Additional CSS does seem to work with this:#top #header #avia-menu > li:hover > a { background: #710e15 !important; } #top #header #avia-menu > li:hover > a span.avia-menu-text { color: #fff !important; }
Does your web server have a server level cache?
I do notice your PHP version is 5.6.2, please ask your webhost to update to v7.2Best regards,
MikeAugust 19, 2019 at 12:28 am #1128756Hi Mike,
Thanks for getting back to me! Yes, I talked with my host a couple of days ago to see if there was a server cache or anything like that and they said there wasn’t, so I ended up just adding in the code to WordPress > Customize > Additional CSS to accomplish what I wanted as a workaround of sorts since I could not get any Quick CSS or Advanced Styling changes to work within the Enfold Theme Options.
Thanks for the head’s up about the PHP version. I’ll reach out to my host to get them to update that asap.
August 19, 2019 at 5:17 am #1128802Hi,
Did you need additional help, or shall we close this topic?
Best regards,
Jordan ShannonAugust 19, 2019 at 4:11 pm #1128945I think the workaround will work for now, so it’s fine to close it. Thank you.
August 19, 2019 at 5:35 pm #1128960Hi,
If you need additional help, please let us know here in the forums.
Best regards,
Jordan Shannon -
AuthorPosts
- The topic ‘Main Menu Links Advanced Styling not working’ is closed to new replies.