Archived topic
Most of my website pages have content area messed up.
6 replies · Started by Farozan on June 25, 2019
I am using the page with blog on right side layout. But the entire content in my page is smushed up into one single line and the area surrounding the box is gray, I cannot figure what the issue is. Most of my pages look like that. Please help ASAP.
Take a look at these page links for example. Except the home page, about page and couple of more pages every other page looks like this.
https://www.jaleellaw.com/direct-appeals/
https://www.jaleellaw.com/habeas-corpus-petitions/
Hi there,
looks like a CSS issue with Elementor try regenerating their CSS - go to Dashboard > Elementor > Tools > Regenerate CSS - let me know.
Hi David,
Regenerating ELementor CSS didn't work. Those pages are still smushed up.
Also I was trying to add new pages and they have the same issue.
Can you go to Customizer > Layout > Container and check what the content width is set to? try increasing this.
Here is an update, I have checked each page generate press settings through customize option and found out that somehow the content width was set to 0 px for the pages that were smushed, and when I pressed reset button the pages got 1100px size. Now there is another issue I am facing, My home page is messed up because I think the pages that were NOT smushed were actually taking on elementor settings and now there is a conflict between elementor and generate press settings. I am trying to figure out how I can make my generate press settings universal for all the pages of my website and use different elements and templates from elementor to make it look pretty. Please advice.
Create a new Layout Element for your elementor pages:
https://docs.generatepress.com/article/layout-element-overview/
Just select which theme elements you wish to remove, you can also set content to a pagebuilder container full width and then set your display rules to the pages you're using Elementor on.
