Button different on builder and website

Support
#1

dear sir/madam,

I opened the homepage on my website today and a button is looking different then on the pro builder. On the builder it shows all styling but on the website itself all the styling is gone. There is no plugin conflict, I cleared cache of browsers, cleared Style cache on Pro settings, tried to search for any other conflict but couldn’t find any. Any ideas?

website: www.industrylight.nl

kind regards,
Marcel Wever

#2

Hello Marcel,

Please go to Pro > Settings > System then clear the cache style.

Let us know how it goes.

#3

I cleared the style cache already before I posted this topic. Didn’t work. Tried it again now, still didn’t work unfortunately.

#4

Hi Marcel,

Upon checking your site, It seems there are parsing errors on your custom CSS rules which causing this issue. Could you please copy all of your custom CSS rules into an online tool like CSS Lint (csslint.net) and resolve any errors that your have, so that your CSS will parse correctly.

If you’re still having issues, you can also try disabling your plugins one by one to see if there’s any plugin causing this issue.

Please make sure to clear all cache when testing your issue (https://www.wpbeginner.com/beginners-guide/how-to-clear-your-cache-in-wordpress/).

Thanks!

#5

Thanks for your reply,

I have done all your recommendations, there are no errors in the custom CSS, tried disabling my plugins, cleared all cache. Still didn’t work unfortunately.

regards,

Marcel

#6

Hey Marcel,

I tried to login but your admin panel isn’t accessible on my end, looks like your server is down?

Can you please confirm if the admin panel is working on your end? Or if you’ve any security plugin installed then please turn it off so we can take a closer look.

Thanks!

#7

I just checked and it works fine from my side. Hope you can login now

#8

Hi Marcel,

The issue is on your footer, there is an invalid CSS in there.



I did go ahead and commented that out and that resolves the button issue on front-end.

Hope it helps,
Cheers!

#9

Thank you very much. I must have forgotten that it was there. Can you tell me how you found it so quick because I’ve been searching for a fault the whole day.

Thanks again and keep up the awesome work!!

#10

Hi Marcel,

You are always welcome.
View the source of the page. Look for this part: <style id="x-generated-css">. After that line is the generated CSS for that page. Run the content here: http://csslint.net/.

#11

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.