Here's a simple way that I have used.
PRIMARY ROWS
1. Add three rows to your layout. Each row should have one column set to the maximum number of spans. The top will be your header; the middle, your body; the bottom, your footer.
2. In the header and footer properties, set the background color to be whatever you want it to be.
ADDING THE SUBGRIDS
1. Add a subgrid to the header. In the subgrid properties, set the max-width to what you want it to be so that it is less than 100%. Then set the left and right margin width to auto. This gives you a centered section in which the rest of the header is placed.
2. Do the same with the body and footer.
If you choose, you can use a container instead of a subgrid. For the body, I like to use a container first. The container sets the boundaries in which the rest of the body is placed. Therefore, I add the container with a max-width and margins set to auto, then I put a subgrid inside the container.
By the way, you might not know this, but please recognize that here in the forums, we are users, just like you, who are helping each other.
I provide personalized help for Coffeecup Users including personal or group training for Site Designer, Web Form Builder and more via Zoom.
Email me at support@uscni.org or call 865-687-7698.
Did you know that Web Form Builder can be used for both simple and complicated forms and that it's not limited to the default fonts and buttons? Take a look at a form we developed for WindowTinting.com.
https://forms.windowtinting.com/forms/w … ppingcart/