how do i fix this in wordpress

[verwest]

Hello, there is a gray area at the bottom of the posts on this page created with elementor. How do I remove this. Strangely, this does not appear when the admin panel is open.

 

[verwest]

I found the problem. It happens this way because of the wp-rocket plugin. I disabled the plugin and it worked. But now I don't know how to set it up. Maybe it will be helpful for someone who has the same problem.

 

[laurmat]

It's pretty hard to debug without a link... Usually inspect element should give some fix ideas.

 

[alternatesword]

I found the problem. It happens this way because of the wp-rocket plugin. I disabled the plugin and it worked. But now I don't know how to set it up. Maybe it will be helpful for someone who has the same problem.

Glad you find it, some javascript conflict may cause the issue. tell the theme developer about it, they will fix that in the next update.

 

[Beldo]

It looks like gallery for 6 images no ? So if you dont upload those bottom it will stay gray. Rather create new section, split it on how many colums you want and then insert images one by one.

 

[verwest]

It looks like gallery for 6 images no ? So if you dont upload those bottom it will stay gray. Rather create new section, split it on how many colums you want and then insert images one by one.

The problem is caused by the wp-rocket caching plugin.

 

[Beldo]

The problem is caused by the wp-rocket caching plugin.

Dont you have "delete unused css" option enabled ? It will new create .css file in cache and you need to delete that by "clear unused CSS" you can also clear cache afterwards when you do changes on page

Then you sometimes dont see changes you have made. Also look new chages in incognito mode to always see it without cache. Sometimes even when I clear cache in elementor editor is still old cached version

 

[verwest]

Dont you have "delete unused css" option enabled ? It will new create .css file in cache and you need to delete that by "clear unused CSS" you can also clear cache afterwards when you do changes on page

Then you sometimes dont see changes you have made. Also look new chages in incognito mode to always see it without cache. Sometimes even when I clear cache in elementor editor is still old cached version

I completely solved the problem. REMOVE UNUSED CSS (BETA) was active, I turned it off and it was fixed.

 

[Beldo]

I completely solved the problem. REMOVE UNUSED CSS (BETA) was active, I turned it off and it was fixed.

View attachment 205121

You can still use it, first turn off WP rocket and at side panel go Elementor--->Tools--->Regenerate CSS&Data. And after that, you can turn on WP-rocket and clear unused CSS too it should work.

Then with the remove unused CSS option enabled you will need to clear used CSS to see effects you have made also use incognito mode on your browser

 

[Beldo]

If I do this, will my edited settings be deleted?

You can backup CSS files from wp-content/plugins/elementor and wp-content/uploads/elementor, and just play with it until its how you want it.