Frontend customization

Customizing any page of Flat Theme Pro is easier than you can imagine. With WP Page Builder you can create or customize any page the way you want to. Let’s see how some of the contents of the Flat Theme Pro were designed with WP Page Builder.

To customize any page with WP Page Builder, you need to first log in to your site. Then do either of the following things:

Click “Edit with WP Page Builder” from the top bar in the frontend.

Or,

Click “Edit with WP Page Builder” from the backend of your website.

Please note, every single element of Flat Theme Pro was built using the addons of WP Page Builder. You’ll find the usability of some of the most used addons in Flat Theme Pro below. To know more about WP Page Builder, please visit WP Page Builder Doc.

Carousel

Functionality: Carousel is an exclusive slider addon of WP Page Builder. You can present both text and image content in a beautiful manner.

Major controls: After adding any item, you can add the slider image, title, subtitle, content, button, and background. You can also control the slider settings including navigation and autoplay.

Style: You can change the visual of this addon from the “Style” tab. To change the styling of navigation, dot or content browse their respective tab.

Feature Box

Functionality: Feature Box is a great way to display tag messages, important features, and other things with a good title or a good content to focus.

Major controls: Choose a layout from the 7 given layouts, set a title or give an animation effect if you want. You can set the animation for title, intro text, and icons.

Style: Feature Box comes with different styling options for every single section of this addon. To change the visual effect of any section, go to that section from the style tab and configure your settings.

Flatpro Portfolio

Functionality: Flatpro portfolio will let you showcase your portfolio. To add items, go to your WordPress Dashboard > Portfolio > New Portfolio.

Major controls: Choose the number of portfolios you want to show. Set the number of columns from one to four. Select the sorting method. Enable/disable post filtering and content visibility.

Style: You can change the visual of this addon from the “Style” tab. You can set the style for contents, set alignment and control the typography styling. Each option in the settings is given with a title defining what it really does.

Image

Functionality: The Image addon lets you add an image to your site. With this addon, you can add one image. To add more images use the “Duplicate Addon” option.

Major controls: Upload image, set an alt text, give a caption and if you want to insert a link to that image put the URL in the “Link” field.

Style: Style tab lets you control the height/width of the addon, border, border radius, and box shadow. You can easily change the visual of the addon, these options are pretty self-explanatory.

Testimonial Carousel

Functionality: This addon is almost the same as the Testimonial addon with additional functionalities. You can add more than one testimonial and show them all together.

Major controls: To add a testimonial click on the (+ Add Item) icon. You can choose the layout for the testimonial from the given four types. Set the name, image, link, designation, and message in their respective fields. The slide settings will let you control how the testimonials would behave. You can enable/disable autoplay, control dots, and control navigation. There are 4 preset styles for slider appearance, choose your desired one.

Style: You can change the visual of this addon from the “Style” tab. You can set the style for Image, Name, Designation, Message Text, Quote Style, Dots Style, Nav Style, and Testimonial Wrapper. The settings are pretty self-explanatory.

Accordion

Functionality: Accordion is a way of controlling elements view. In the Accordion menu, the contents remain hidden and they only reveal the contents when clicked. That is the purpose of the Accordion addon. Accordion comes in handy when you have a lot of contents to show and you want to present them in a fresh, clean way.

Major Controls: Click on the edit icon to edit the current item, clone icon to make a copy of the current item and delete icon to delete the current item. You can add more items by simply clicking on the (+ Add Item) icon. The default style can be set from “Behavior” and the style and direction for navigation can be set from “Navigation Style” and “Navigation Direction” respectively.

Style: You can change the visual of this addon from the “Style” tab. You can set the style for Title, Icon, Content, and Border. Each option in the settings is given with a title defining what it really does.

Was this helpful?