Moving from another theme broke my site

Hi there,

I'm not fully sure I understand what you're trying to say.

But it sounds like you're trying to make all your pages go full width of the viewport?

If that's the case, you can use a Layout Element for that.
https://docs.generatepress.com/article/layout-element-overview/

If you want ALL of your site's pages to go fullwidth (100% of the viewport), go to this setting within your Layout Element.
https://docs.generatepress.com/article/layout-element-overview/#content-1

And select "Full-width (no padding).

And then on Display rule tab - https://docs.generatepress.com/article/layout-element-overview/#display-rules - set the location dropdown to "Entire site".

Elvin you answer 1 of my question and you dont understand what im trying to explain so im goin to retry... Is you please see the page https://lafabricadelaweb.com/ you are going to see content 100% and most of others a 1280px. Why? because i have a narrow setting by default and when i put a content in gutengberg as a 100% JUST IN THAT CASE is goign to be a 100%. Your theme madesme chose between 1 or the other and is not acceptable because i have to manually change lots of pages.

Then im going to copy and paste you till the infinity or when you answer all the questions you skip, thanks:

I use the off canvas beature, the main object of using these is to the content merge with the menu, in some themes this is a invisible menu or invisible header but i dont see this option in your theme.

Is you see the site in mobile version from a desktop you don’t see what i see in my phone, is a iPhone and i try in safari and chrome and is broken. Is like everything is 60% floatet to the left.

Is you please see the page https://lafabricadelaweb.com/ you are going to see content 100% and most of others a 1280px. Why? because i have a narrow setting by default and when i put a content in gutengberg as a 100% JUST IN THAT CASE is going to be a 100%.

WordPress core has an alignment option "align full" within the Block editor. The reason why some of the sections are in 100% width and some are contained because you've set some of the blocks to "align full" while others don't have one.

Here's what your page source looks like.
alignfull highlighted - https://share.getcloudapp.com/xQubvK97
contained blocks highlighted - https://share.getcloudapp.com/Blu4E7N4

And this is not automatically added in. It's something added manually through the Block editor so if you want it removed, you should do it manually as well as best practice.

I use the off canvas beature, the main object of using these is to the content merge with the menu, in some themes this is a invisible menu or invisible header but i dont see this option in your theme.

I'm not sure what you mean. GP's off-canvas menu is a menu that starts out not visible but then comes into view when you click the toggle.

Your site seems to be using one and is working fine as shown here: https://share.getcloudapp.com/ApuYyBA5

Is you see the site in mobile version from a desktop you don’t see what i see in my phone, is a iPhone and i try in safari and chrome and is broken. Is like everything is 60% floatet to the left.

I don't see the issue on my end. Can you provide any screen capture of what you're seeing that seems to be the issue? Let us know.

Part 3 of trying to explain my self, now im going to be very graphic about it, PLEASE pay attention:

WordPress core has an alignment option “align full” within the Block editor. The reason why some of the sections are in 100% width and some are contained because you’ve set some of the blocks to “align full” while others don’t have one.

Here’s what your page source looks like.
alignfull highlighted – https://share.getcloudapp.com/xQubvK97
contained blocks highlighted – https://share.getcloudapp.com/Blu4E7N4

And this is not automatically added in. It’s something added manually through the Block editor so if you want it removed, you should do it manually as well as best practice.

I know and that is what im telling you since the begining, some of my content is mark as alignfull like the 2 banners i screenshoot you, and other are contained, who are not being respect:

This is the desire output who are in the URL https://lafabricadelaweb.com/
https://share.getcloudapp.com/9ZuxWePQ
https://share.getcloudapp.com/yAuD4XWE

And these is what your plugin giveme if i chose Full-width (no padding) in the url https://lafabricadelaweb.com/staging/:

https://share.getcloudapp.com/p9ubzp5W
https://share.getcloudapp.com/nOuoWzYY

I’m not sure what you mean. GP’s off-canvas menu is a menu that starts out not visible but then comes into view when you click the toggle.

A picture say more then 1000 words, this is the original content:

https://share.getcloudapp.com/8LubZBRK

This is what your theme does:

https://share.getcloudapp.com/7KuPxBeB

I don’t see the issue on my end. Can you provide any screen capture of what you’re seeing that seems to be the issue? Let us know.

Again this is the original:

https://share.getcloudapp.com/mXup78nm

This is what your theme does:

https://share.getcloudapp.com/GGuQ0Pv4

Hi, i solve most of the problems but they are some code i cant everride and i dont know from here comes, all thos paddings are the ones who broke the site:

* > body {
padding-right: 205px;
}

body {
background: 100% 5px no-repeat;
margin-top: 0;
max-width: none: min-height: 180px;
padding: 30px 0 15px;
}
html {
background: #fff;
color: #222;
padding: 15px;
padding-top: 15px;
padding-right: 15px;
padding-bottom: 15px;
padding-left: 15px;
}

This and the problem with the 100% width in all the content when should be what i put in gutengerg are all the problems im facing right now. thanks.

Hi there,

that CSS is coming from a cached CSS file, probably a legacy from your old site. Can you clear and disable any plugin/server caches we can then see where that CSS is coming from.

I delete all cache, put cloudflare in development mode and nothing. Also you dont answer anything the site putting 100% width when i declare contained some content and 100% another, if you are now going to help me just say it, but stop ignoring parts of the support ticket because i send you pictures and everything.

Lets deal with one issue at a time.
The first issue to be resolved is the Padding that is being added to the <body> of the site.
Here you can see where the Padding is coming from:

https://www.screencast.com/t/EBvmSXXaO5Td

That CSS is being served from this file:

https://lafabricadelaweb.com/staging/wp-content/cache/flying-press/lafabricadelaweb.com/89e4b5cb1269.google-font.css

Which is a cached file in Flying Press.

That first needs to be fixed.

Once you have eliminated the cached file problem we can then look at the other issues.

I write to the developer of the plugin because I delete the cache and nothing happen. Can’t do more then delete the cache. Can we move for the other problem is 100% of your theme? Thanks.

The 100% width issue is caused by that CSS. If i disable that CSS in the Browser developers tools then the pages fill 100% width of the screen.

Once you have spoken with the Flying Pages plugin developer and have removed that CSS then the problem should be fixed. But we're happy to look at the site after that.

The problem in this ticket is you don’t read my messages, this problem is also for that css? How do you know if you never visit the screenshots? And don’t say you do because cloudapp send me a email when you do, and you never did, repeat my messages:

I know and that is what im telling you since the begining, some of my content is mark as alignfull like the 2 banners i screenshoot you, and other are contained, who are not being respect:

This is the desire output who are in the URL https://lafabricadelaweb.com/
https://share.getcloudapp.com/9ZuxWePQ
https://share.getcloudapp.com/yAuD4XWE

And these is what your plugin giveme if i chose Full-width (no padding) in the url https://lafabricadelaweb.com/staging/:

https://share.getcloudapp.com/p9ubzp5W
https://share.getcloudapp.com/nOuoWzYY

I am sorry - but as i said here - If you can resolve the CSS issue then if needed we can look at the other problems.

There is no point in me explaining how to correct the 100% padding issue when this problem exists.

If i explain to you now - it will not work correctly. Please fix the CSS issue and then we can work through the other issues.

Something who should be part or your KB your put a condition to tell me how your theme works, great, the cache plugin is disable, the file is gone, what is the next excuse?

Hi there,

We are doing our best to help you, however, it's important to remain respectful and kind. All of us are trying to figure out the solution with you - no one is intentionally "not reading your messages" or trying to make this harder than it has to be.

Now, your content areas are full width because:

1. You've set the page to be full width - this is good.

2. Your content areas do not have a defined width. This is bad, because they will now go full width.

Basically, you need this structure.

- Outer wrapper - 100% width
-- Inner wrapper - a fixed width

I'm not able to see how this was being done previously with your last theme, but usually this is something set inside the block itself. It looks like you're using Kioken Blocks - do they have a Container block where you can set the width of the inner wrapper? For example, our block plugin (GenerateBlocks) has this option: https://docs.generateblocks.com/article/container-overview/#layout-%E2%80%93-standalone-block

This way the block goes 100% of the width of the page, but the content still has a set width and doesn't go 100% as well.

This is not something that should be controlled by the theme - it's 100% your content, which the theme has no control over. If your last theme was controlling this, I would need to see how it was doing it so we could provide a similar solution. However, you will be much better off leaving the theme out of it and using the block controls provided to you by the block plugin.