Archived topic
GeneratePress adding css and overriding width of Elementor custom theme template
24 replies · Started by Doug on October 14, 2019
I sent a ticket to Elementor on this and they replied with what the problem is.
Here's a screencast of the issue I'm facing http://somup.com/cq620nePEO
Here's Elementor's response
https://www.loom.com/share/53b73b1a2c0a488a886357c498f37323
Can you help me out here?
Thanks
Hi there,
So you are trying to remove the background image?
Have you tried removing it in Customizer > Background Image > Body?
Let me know :)
No...I don't want to remove the background image...
I want the Elementor sections to not stretch across the full screen. Did you watch the video that Elementor made? It shows the theme adding 100% width to one of the Elements causing the section to stretch across the screen. We don't want that.
Also, so you know...I did not get a notification that you responded. Yes, I have subscribed to the thread.
That CSS is there because you've activated the full-width page builder container here:
https://docs.generatepress.com/article/page-builder-container/
Looks like you've switched theme now :)
No I didn't change my theme...someone else did and I think it was Crocoblock. Also, half the plugins were disabled...I'm kinda pissed now because they don't reply as they should.
I've reactivated GP and the GPPlugin.
The Elementor theme builder pages do not have that setting you are referring to.
On the home page it fixed the stretch issue but the background still isn't coming through.
That would be a metabox setting within GeneratePress. It should show in the edit page screen.
The background image isn't showing through on the home page because Elementor is overwriting GP's setting:
https://www.screencast.com/t/2zmC6CeNt
Got it...That was it. Thank you.
No problem :)
But...
It still doesn't solve the problem with the 100% being applied to the Elementor theme templates. The setting you referred to doesn't exist on template pages.
Regular template pages 'respect' the page width... Theme builder templates do not.
What was fixed was the frontpage background. I found a setting I had changed for that one.
Can you link me to a page that’s still having the issue?
Categories and product pages that using an Elementor theme builder template...the blog included.
https://solids-n-stripes.com/product-category/pool-tables/presidential-pool-tables-pool-tables/
https://solids-n-stripes.com/product/pool-tables/presidential-pool-tables-pool-tables/carmel-pool-table/
https://solids-n-stripes.com/product-category/cue-tips/
https://solids-n-stripes.com/product/cue-tips/on-cyborg-slow-pool-cue-tip-single/
https://solids-n-stripes.com/blog/
The category is using the Elementor theme builder and the products are not...
But, and I just saw it, in some of these products the image being show is zoomed in and when hover it backs out and shows the proper image size. This is an issue also, not sure if it's a GP issue or a WooC issue. It seems to be only some of the products..not all of them and all the images were imported the same way.
The first row of this category has the image issue on the product pages.
https://solids-n-stripes.com/product-category/extensions/
Do you have a layout element created that's using this option?
https://docs.generatepress.com/article/layout-element-overview/#content-1
That's the only other way the theme would add the full-width container CSS.
No