To create a new Page you need to follow these steps:
When you create a page you will see Switch Editor button. If you do see classic WordPress’ HTML editor, please click Switch Editor button to get Rapid Composer editor.
See in action Drag&Drop feature and quick preview from backend or edit function from frontend an the following video tutorial.
Make sure to subscribe to our YouTube channel!
In the lower part of screen you can see Bold Builder main toolbar. Main toolbar options are:
Next, place your mouse pointer over top area to show toolbar. Click ‘+’ to add a Row which is another basic content element. Now click ‘+’ in Row toolbar to add columns.
From Select Layout dialog you need to pick wanted layout of columns, e.g. 1/2+1/2 will add two columns with same width.
Note that Row element is based on Bootstrap’s 12 column grid, meaning you can have 1,2,3,4,6, and 12 columns in a row. Once you select the number of columns, you can set their width as well.
For example, the following row has two columns where left column is 3/4, and right one is 1/4.
Now when you have columns, you can repeat same process to add some content to columns:
You can rearrange elements using drag and drop, clone and clipboard commands.
To edit content element properties, click Edit icon from element toolbar.
You will see Edit dialog with various options, depending on which shortcode you are editing:
All sections, rows, columns or elements can be copied and pasted on pages.
To use custom menu on a page, just enter menu name in Menu Name input box.
The best (and fastest) way to learn more about content creation and individual shortcodes (content elements) is to import demo and explore demo content.
To override menu, just enter menu name in Menu Name field.
The possible values for the settings can be found in section 3, in angle brackets next to the setting name. If you want to reset a setting to default value, just enter ‘null’ (without quotes). Click ‘+’ button to add new override and ‘-’ button to remove previously entered override.
Please have a look at the following example: Homepage version – Cooking School
In order to edit / remove excerpt text, navigate to the Page editor, and in Screen Options (at the top of the dashboard) enable Excerpt field.
After that, scroll to the bottom of the page editor where you’ll find Excerpt text.
The Header background image represents featured image added to the page. In order to replace existing image with your own, click on the image, and when redirected, select image from Media Library.
In order to entirely remove the image, click on ‘Remove featured image’ button.
In order to remove entire Header from pages, make sure to check ‘Hide Default Headline’ field in Appearance >Customize >General Settings panel, or in Override Global Settings at the bottom of the page editor:
See in action this feature in the following video tutorial.
Meta Description
Enter post description here. This will be used in description meta tags.
Images
Click Select or Upload Images to create gallery or add just a single image.
Grid Gallery
Check Grid Gallery to create grid gallery, otherwise gallery is displayed within a slider. Do not forget to upload the images you want to display as gallery and check Gallery Format in the Format box.
Grid Gallery Format
Enter format of images as comma separated values, e.g. 21,22,11,12 means first image has 2:1 aspect ratio, second 2:2, third 1:1, etc.
Video
In order to add Video post, enter Vimeo video URL, YouTube video URL or custom video shortcode in the Video field. Do not forget to check Video format in the Format box.
Audio
If you want to create the Audio post, Audio field is where you enter audio shortcode or SoundCloud iframe embed code. Do not forget to check Audio format in the Format box.
Link and Link URL
In order to create Link Post, enter link title in Link field and link URL in Link URL field.
Do not forget to check Link format in the Format box.
Quote and Quote Author
To create quote post enter data in Quote and Quote Author fields.
Do not forget to check Quote format in the Format box.
Tile Format
This format will be used in Grid content element for image which represents current post (featured image).
Override Global Settings
As with pages, here you can override global settings.
If the single posts appear as they are not formatted, and are overlapping the menu, that probably means that their template page is not set correctly.
In order to fix this, make sure that the template page (Blog single) is published, and its slug is added to Settings page slug field in Appearance >Customize >Blog panel.
In order to edit / remove excerpt text, navigate to the Post editor, and in Screen Options (at the top of the dashboard) enable Excerpt field.
After that, scroll to the bottom of the page editor where you’ll find Excerpt text.
The Header background image on single posts represents featured image added to the posts or their template page (Blog single). In order to replace existing image with your own, click on the image, and when redirected, select image from Media Library.
In order to entirely remove the image, click on ‘Remove featured image’ button.
*Please note that once the featured image is added to the single posts’ template page, it will override the featured image added to the post.
In order to add sidebar to single posts, navigate to their template page (Blog single), and in Override Global Settings panel, select ‘Sidebar’ setting, and select its position (left / right).
To remove sidebar, select ‘No Sidebar’.
*Note that sidebar can also be displayed on selected products, by adding it to the product’s Override Global Settings.
In order to remove entire Header from single product pages, make sure to check ‘Hide Default Headline’ field in Appearance >Customize >General Settings panel, or in Override Global Settings at the bottom of the Shop single page editor:
Subheading
Enter subheading text here.
Meta Description
Enter post description here. This will be used in description meta tags.
Images
Click Select or Upload Images to create gallery or add just a single image.
Grid Gallery
Check Grid Gallery to create grid gallery, otherwise gallery is displayed within a slider. Do not forget to upload the images you want to display as gallery.
Grid Gallery Format
Enter format of images as comma separated values, e.g. 21,22,11,12 means first image has 2:1 aspect ratio, second 2:2, third 1:1, etc.
Video
In order to add Video post, enter Vimeo video URL, YouTube video URL or custom video shortcode in the Video field.
Audio
If you want to create the Audio post, Audio field is where you enter audio shortcode or SoundCloud iframe embed code.
Tile Format
This format will be used in Grid content element for image which represents current post (featured image).
Custom Fields
Enter any number of key/value pairs, e.g. Year/2015, etc.
Override Global Settings
As with pages, here you can override global settings.
If the portfolio posts appear as they are not formatted, and are overlapping the menu, that probably means that their template page is not set correctly.
In order to fix this, make sure that the template page (Portfolio single) is published, and its slug is added to Settings page slug field in Appearance >Customize >Portfolio panel.
In order to edit / remove excerpt text, navigate to the Post editor, and in Screen Options (at the top of the dashboard) enable Excerpt field.
After that, scroll to the bottom of the page editor where you’ll find Excerpt text.
The Header background image on portfolio posts represents featured image added to the posts or their template page (Portfolio single). In order to replace existing image with your own, click on the image, and when redirected, select image from Media Library.
In order to entirely remove the image, click on ‘Remove featured image’ button.
*Please note that once the featured image is added to the single portfolio posts’ template page, it will override the featured image added to the post.
In order to add sidebar to portfolio posts, navigate to their template page (Portfolio single), and in Override Global Settings panel, select ‘Sidebar’ setting, and select its position (left / right).
To remove sidebar, select ‘No Sidebar’.
*Note that sidebar can also be displayed on selected products, by adding it to the product’s Override Global Settings.
In order to remove entire Header from portfolio posts, make sure to check ‘Hide Default Headline’ field in Appearance >Customize >General Settings panel, or in Override Global Settings at the bottom of the Portfolio single page editor: