Something you may have never experienced before
The Body Formatting tab in WPThemeBuilder
Body formatting tab in WPThemeBuilder is the main interface for controlling and editing everything related to following two areas
- Page Background and foreground settings
- Wrapper Settings (container for header, sidebar(s), content and footer)
Page Background and Foreground Settings
Page background and foreground setting includes everything that will effect your theme background, overall font coloring and sizing and layout positioning. Lets first talk about changing the appearance of your theme background. (You can watch a video demo of body formatting tab to see every control live in action). Following is a text version of that video.
Here is first portion of body formatting tab
- BG Color: This option and a color picker icon just right to the text box will allow you to change the background color of your wordpress theme. You can pick a color or enter the color hex code in the text box.
- BG Image URL : If you want to use a background image in your wordpress theme’s background you can enter the image url in the text box or you can also pick one from image library. The media button is next to the input field. (If you want to upload your image, you still have to use media button).
- Repeat: Repeat option lets you to tell themebuilder how to repeat the image in background. Possible values could be (repeat everywhere, repeat-x (horizontally), repeat-y(vertically) or no repeat).
- BG Position: BG Position lets you to tell themebuilder how to position your background image. Bg position is usually used when you have used “no-repeat” option for your image.
- Container Position: This will allow you to center align or left align all of your theme content. Today’s trend is centered aligned that’s why it is selected “by default”.
- Theme Width [number]: This will allow you to change the width of your wordpress theme. You always have to provide a numeric value in this field. Most of the today’s themes are built with a width between 920 and 980 pixels. But you can make any width of your theme.
- Font Family: This setting should be left as default as long as you don’t need to apply a global font to all of your content, sidebar, headers and footers.
- Font Size: Default font size of your theme. It will be applied to all columns. If a column itself has a font size then that column’s setting will be overridden.
- Text Color: Default text color of your theme. Global value (column settings can inherit it) **see next tabs docs for more details.
- Extra CSS: In the very end of the body formatting tab area, you’ll see a tab for extra css. This will allow you to enter any css that you want to apply on theme background. Such as background scrolling, opacity etc. This option is for advance users or web designers.
Wrapper Settings
Please see the picture below and read all the possible color lines after that picture for a better preview of each section.
Wrappers are of two kinds.
- Container (Yellow Border) contains everything including all sidebars, content column , header and footer. By default all settings including paddings, margins, borders , background settings are applied to overall wrapper.
- Content Area (Red box) only contains sidebar(s) and content columns. All settings applied to content wrapper will not make any effect on header or footer. This wrapper is usually used when you want to apply a background color in content area globally. More details in video demo.
- You have to click on the option box (apply to) in order to apply next tab’s settings on container or content area. See picture below
Once you change the Apply To option to container or content area, all the next tabs including (paddings, margins, borders) will make effect on that area. This is the most complex but useful part of themebuilder.
A Final Note
In whichever formatting tab you are. You always have to click Save Setting button to see the changes you just’ve made in WPThemeBuilder. If you change padding , margin, bg color or image you again have to click save settings.
