Archived topic
How to Change Width size in Whole site
3 replies · Started by sandeep kumar on February 14, 2022
Hi
How to Change Width size in the Whole site. My site uses mixed-width sizes like "full width", Wide width (100) , wide width (50) in generateblocks. I want to change all the container's width into "wide with (100).
Is that possible via CSS?
Please let me know
Hi there,
not sure on the ramifications of doing that globally.
Can you share a link to a page on your site where i can see some Wide Width content ?
Shared URL Privately
You can add this CSS:
#page .entry-content .alignwide {
margin-left: calc(-100vw / 2 + 100% / 2);
margin-right: calc(-100vw / 2 + 100% / 2);
max-width: 100vw;
width: auto;
}Any block with the Wide Width will use the Full Width settings.
NOTE: If thats a GB Container Block, it won't change the inner container width just the outer, so you may not see any difference unless the container has a background.
