Customising Zephyr Frontend

Customizing any page of Zephyr 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 content of Zephyr theme was 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 Zephyr was built using the addons of WP Page Builder. Therefore below you’ll have the usability of some of the most used addons in Zephyr. To know more about WP Page Builder, visit WP Page Builder Doc.

Heading

Functionality: The Heading addon is used for displaying a large title on anywhere of your web pages.

Major controls: Put the text on the title field, adjust the size using HTML tag from “Title Tag”, and finally set the Alignment.

Style: This section lets you change the color and typography of your text. To change typography, enable the settings from the bottom.

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.

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.

Tab

Functionality: The Tab addon lets you show one or more tabs containing texts or media files. This will help you to showcase important features and trends.

Major controls: Add tabs by clicking on the (+ Add Item) sign. Add title and subtitle texts if you want to. You can find media adding option in the content settings. Put the text and control the formatting from the text editor. If you want to show icon to any tab, just select the icon from “Icon” drop-down list and set its position. When you’re done, choose your preferred layout from the given two options.

Style: You can change the visual of this addon from the “Style” tab. You can set the style for The Nav Bar Wrap, Nav Bar Item, Title, Subtitle, Icon, and Tab Content. Each option in the setting is given with a title defining what it really does.

Animated Number

Functionality: The Animated Number addon lets you set animated numbers. This addon is mostly used to display number counter, achievements, and milestones.

Major controls: Choose your preferred layout from the given two options, set the number in “Counter Digit” then set a title to give a meaning to the number. Enable Counter Animation if you want to add animation to the number. The “Additional Content” feature allows you to add extra information besides the number and even decide the position of the additional content.

Style: You can change the style of this addon from the “Style” tab. You can set the style for Number and Title. The style tab lets you select the visual for the additional content as well. Each option in the settings is given with a title defining what it really does.

Testimonial

Functionality: The Testimonial addon is a great way to show a single testimonial or a quotation on your site.

Major controls: You can choose the layout for the testimonial from the given four types. Set the name, image, link, designation, and message in their respective field.

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, and Testimonial Wrapper. Each option in the settings is given with a title defining what it really does.

Was this helpful?