CSS Changes are not Reflecting on the Front End

Hello,

I added some css changes to my home page and can view the changes in editor.

But they do not show up on the front end for the user.

I have cleared all my caches and still nothing.

The global css changes also wont reflect on my homepage. All other pages are fine though.

Why is support so slow?

Hi @jawad,

It seems that the issue is related to the Cache.
If you haven’t installed any of the cache plugins, please clear the Style Cache from Pro > Settings > System > Clear Style Cache and update. Please check if that resolves the issue.

If that does not resolve the issue, there might be some different reasons behind your reason, I would like to suggest troubleshoot the following common issue to help us to recognize the reason.

1.Plugin Conflict
2.Theme Update related issue
3.CSS/JS Customization
4.Disabling CDN
5.Child Theme Related issue
6.Disabling Cache

If you discover that an issue is coming from a custom code or 3rd party plugin, kindly consult with a developer or contact the plugin author. Please note that we do not provide support for custom codes and 3rd party plugins.
If none of the above helps, please provide login credentials for your site in a secure note to examine it further, including:

– WordPress Site URL & Login URL
– WordPress Admin username/password

To create a secure note, click the key icon underneath any of your posts.

NOTE: There are a few tickets in the support forum, and we are answering that one by one. A self reply will push the thread to the bottom of the forum, and that is why you are getting a delayed reply

Thanks

Thank you for helping me out.

I have suggested everything you said and still no luck.

  1. Theme and Cornerstone is updated.
  2. Cache was cleared and disabled.
  3. Could not find any plugin conflicts.
  4. Child theme is working fine.
  5. I am not using CDN right now.

The custom CSS on front home page is still not reflecting for the front end user.

Hi Jawad,

The reason why the CSS is not reflecting on the homepage is that you added an element CSS in your section 3 button which you misclose the tag. Instead of using this one }, you used this one ]. I suggest that you properly close it with} and it will fix your CSS front-end issue.

image

Hope that helps.

Thank you.

Dang, good find.

Thanks for the help. That resolved the issue.

HI @dreamcatch22,

You’re welcome and it’s our pleasure to help you! If you have any other concerns or clarifications regarding our theme features, feel free to open up a new thread.

Thank you.

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