Hi,
You can use the row settings to achieve full width results on pages
– https://www.screencast.com/t/5Ne2Pqyqur8q
There are also full width grids available
– https://demo.tagdiv.com/newspaper/full-big-grid-1/
Header and footer elements can be stretched as well
– https://www.screencast.com/t/2zSIf7QRWP
Please note that by setting a background color or image in the theme panel, the website will be boxed in this case
– https://forum.tagdiv.com/background-introduction/
Thanks
Question : How to increase size for: td-main-content-wrap td-main-page-wrap td-container-wrap. I want to set it 100%. Do i need to add css or there is settings available?
it is showing width :
.td-boxed-layout .td-container-wrap {
width: 1164px;
/* width: 100%; */
}
Hi,
That would be the case when a background is set, as mentioned above. There would be no point to set a background color or image, if the website would be 100% width.
The layout will change to boxed in this case, in order to display the set background.
It should not be attempted to change container widths, these are fixed for a reason when boxed. Most likely changing the value will cause the page elements to not display properly.
Remove the background and the page layout can be stretched using row settings.
Thanks
On the link https://demo.tagdiv.com/newspaper/full-big-grid-1/ you show full width rows. How can this be achieved across the site, including the blog posts?
I have stretched the header and footer to 1200px, but the inner body content is 960px, I’d like to match them all from one place, rather than on a page/post basis?
Thanks
Hi @garethvaughan,
Please check this similar topic about How to change the site width -> https://forum.tagdiv.com/topic/how-to-change-the-site-width/
Hope this will help!
Thank you!