-
Posts
-
Greeting Support Team!
I am at the end of my rope here. I cannot figure out what is going on. Please look at my site (credentials in Private Content below). I have a very simple style I am trying to modify. The Submit button in the footer section for a wpform contact form. CSS modifications work for other form elements, though sometimes they ‘show’ on the browser page and sometimes not. It seems a cacheing issue but I don’t know?The CSS style.css file has this for submit button hover:
/** WPFORMS SUBMITBUTTON Hover **/
#wpforms-submit-1995 button:hover{
color:#fff!important;
background-color: #54cef0!important;
}
But what is showing in the browser (using dev tools) is this:
#wpforms-submit-1995:hover {
color: #fff!important;
background-color: #32acd0!important;There is no place I am ever using this color for this ID hover. I think it is something with cacheing? I have cleared browser caches – all firefox, chrome and safari. I have turned the Performance options on and off for CSS and JS merging. I have tried to use the same CSS (that is in the nlss/styles.css) and put it in the ‘General Styling’ custom CSS and it doesn’t work. Though occasionally, it will work. I cannot figure this out. I even try changing the non-hover state of the button both in style.css file and in the custom CSS in theme options and still won’t work.
I have spent an entire day on this. I have talked to my hosting provider and they have cleared the cache over and over and tell me it is problem with theme. Any help is GREATLY appreciated!! thank you in advance.Hi – I purchased a Support subscription but not sure if this is proper way to get an answer to a problem?
I am urgently in need of help with this. For some reason, Enfold keeps using a stylesheet that does not exist anymore. In Dev tools it shows it is using a miinified file with something like this: (index) style.css?ver=4.8.2
but, if you look at my child stylesheet, the css for this element is not the same.
I have done these things:
Followed all Enfold support instructions on how to clear the cache, etc. changing performance settings
Cleard server cache
Cleared browser cache
Run on my localhost PC and done all the above.Nothing has worked.
If I change something else – like ‘H3’ in footer, it won’t show up either, but if I go through the steps of clearing browser cache (in Chrome, cmd-shift-R) it doesn’t show up, but then if I clear server cache and do another cmd-shift-R, the H3 changes will show up. But I can never ever get the :hover to show up.
please reply if I need to post elsewhere for paid support.
thank youHey,
Thanks for contacting us!
1- I found following code in Appearance > Customizer > Additional CSS field and removed it
/** WPFORMS SUBMITBUTTON Hover **/ #wpforms-submit-1995:hover{ color:#fff!important; background-color: #32acd0!important; }2- I updated style.css file and changed theme version to 1.1 however it is not being updated as you mentioned. I strongly believe that is related to cache on your server side. Please ask your hosting providers to clear the cache or to keep it disabled during development and enable it once you are done customizing your site :)
Best regards,
YigitHi – thank you for figuring this out. Once I cleared the server cache on my host, the hover CSS finally worked!!!! I don’t know how the CSS got into the customizer, but removing that was the ticket; thank you!!!!!
I really appreciate your help!!!You may close this issue now…
Hi,
We are always happy to help! :)
For your information, you can take a look at Enfold documentation here – https://kriesi.at/documentation/enfold/
If you have any other questions or issues, feel free to start a new thread under Enfold sub forum and we will gladly try to help you :)
Enjoy the rest of your day!
Best regards,
Yigit
- The topic ‘Pages not displaying current CSS from child style.css file’ is closed to new replies.