Section Start

The following information in the sections below show/describe the layout and styling options using the BasicBuild WP WordPress theme backend. You will notice that each tab and options provide notes that will help you along the way. (Please note: some settings may have changed with recent updates).

1. When you create a new page, be sure to select the BasicBuildWP Builder template from the Page Attributes section in the content editor.
2. Click the Add a Section button in the lower right hand corner.
3. You will see a set of tabs as seen in the screenshots below that help create/manage your page.

The first section is for setting up the title and main content for the specific section.  (Please note: some settings may have changed with recent updates).

1. Type in the name of the section. This is helpful to identify the section when multiple sections are used on a single page. You can also collapse each section that is added by clicking the little arrow icon in the upper left corner.
2. Select to use the Page title, Section title or None. This will be displayed on the front end. When multiple sections are used on a single page, it is advised to only use Page Title for the first section.
3. If you choose to have a background color behind the section title (As seen in this section) , it will extend the full width of the page. The title will be left aligned to the max width of the container.
4. You can also choose the color of the section title. By default, it will use the color defined in the theme’s global option for headers.
5. Set the top and bottom padding for the section content.
6. Add your content.
7. Transparency color settings are available for color selections.

Back to Top

The next tab is for setting up the background. You can choose to use a background color or background image.

1. Select whether use a background image or background color.
2. If a background color is used, use the color picker to choose the desired color. If no color is selected, it will use the color defined in the BasicBuild WP Options global settings.
3. If a background image is selected, be sure to make note of the recommended sizes. You can also choose to make the background image use parallax or not.
4. Using either a background color or background image, you can select to add an overlay color.
5. Transparency color settings are available for color selections.
6. Make note, if a full width slider is being used for the specific section, do not select to use an overlay here. The full width slider provides its own overlay option.

Back to Top

Adding a bottom border to a specific section can help separate section on the page front end, but is not required.

1. Select whether to use a bottom border or not.
2. If a bottom border is used, you can define the color and thickness of the border.
3. Transparency color settings are available for color selections.

Back to Top

You can select to use a sidebar or not for the specific section being created.

1. If you use a sidebar, you can define a background color for the widget container.
2. If you use a sidebar, you can also defined which sidebar you would like to use. The BasicBuild WP WordPress theme comes with 4 predefined widgets.
3. Transparency color settings are available for color selections.

Back to Top

The BasicBuild WP WordPress theme has default styling options as well as global styling options. The theme also comes with a full set of SASS files if you prefer to use that process. When using the Custom CSS section, be sure to use the section ID for the specific section being defined. Make note of the comments in the screenshot below.

Back to Top

The BasicBuild WP WordPress theme comes with a wide range of layout options to include in the section being created. Refer to the screenshot below for the current available options.

1. Make note, there are some limitations for some options. Noted in orange or bold black in the screenshot below.
2. See the “Everything but a Slider” page for how all of these options can be used. A full width slider is not included on that page because it includes a centered carousel. Currently, a full width slider and carousel cannot be used on the same page.
3. See the “About” page to see how a full width slider can be used.

For detailed information on each of the additional options.

Back to Top