Starting from Ultimate Web Builder 3.4 - all versions! - we have made it a lot easier to format your webpages further than the Page Format you choose, using Divs. No coding necessary.
You can (A) Set a Div Format for a one paragraph section, overriding the Paragraph Formar, or, (B) Wrap a Div around a Paragraph Format, to have several paragraphs in the Div.
Here's how:
1) On the Content Edit Box, click or highlight on the content you want to stylize. *For Type (B): Highlight all the paragraphs you want to wrap the Div around.
2)
Type (A): From the "Format" menu, you can choose the format type. Default setting is "Paragraph".
Choose "DIV" from the menu here, click to highlight. When it's selected, there will be a checkmark next to it, next time you open this menu and are on this content section that you applied this format to.
Type (B): From the "Styles" menu, choose "Div Wrap", click to highlight. When it's selected, there will be a checkmark next to it, next time you open this menu and are on this content section that you applied this format to.
3) Now stylize your div. Again click on or highlight the content section. Click on the "Styles" menu on the Content Editor Box, to open and choose styles.
You can set a width:
Set a background color:
**You can set the Background Colors on the Configure Site > Styles Manager, Extras section. Changing them there updates all instances!
Add padding:
Add a border with the style you want:
Set a border width:
And even create rounded edges, on all four edges, or the top two or bottom two:
The result here:
Want to expand this div when the window screen reaches a certain width? You can do this easily, as discussed here: How to make content sections with custom formatting also RESPONSIVE
How to make content sections with custom formatting also RESPONSIVE
For tabular data, like our Comparison Charts online: Further Formatting Webpage With Tables