The Accordion Menu element allows you to add the slide menus or taxonomies. You can use this element for the sidebar, modal, off-canvas, mobile menu, and any other specific place.
Activate The Element
By default this element is disabled. You will activate it after going to your Dashboard -> Bricks ->BricksUltimate page. Under the general elements tab, you will get the elements list. Checkmark the Accordion Menu element and save the settings. Now, it will show on the builder editor and you can use it there.
How To Use
You will open the Bricks Builder editor and select the “Accordion Menu” element under the BricksUltimate category. It has two source types: WP Menu and Taxonomy. The default source is WP Menus. But you can also display the categories or taxonomies of any post type. You will select the source type and follow the other settings. If there has no WP menu yet, you should create one WP menu from the Appearance -> Menus page.
There have more design features also. You can adjust them directly as per your site design.
Options
A lot of options are available there. You can easily customize them.
1. Source
You will select the source type for menu content. There have two types of sources: WP Menu and Taxonomies.
2. Select Menu
You will select the menu/taxonomies from the dropdown. Selected menu/terms of taxonomy will show on the builder with a sliding menu effect.
3. Display Menu Title
This option is only available for the Menu source type. It will display the title above the menu list. Typography, background, spacing, etc for menu title will control under the Styling tab -> Menu Title style section.
4. Menu Items
With it, you will customize the menu item’s design like background color, hover color, text color, font, font size, padding, etc.
5. Arrows
You can change the default arrow icon, icon size, color, hover color, etc.
Contact Form 7 Styler
The Contact Form 7 Styler element is giving the complete controls for styling. With it, you can see the form on the builder editor and customize the form’s parts like the label, input fields, submit button, error messages, success message, etc quickly.
Minimum Requirements
- Contact Form 7 plugin
- Bricks Builder
Activate The Element
At first, you will activate the Contact Form 7 Styler element after going to your Dashboard -> Bricks -> BricksUltimate -> General Elements page. Under the general elements tab, you will get the elements list. Checkmark the Contact Form 7 Styler element and save the settings. Now, this element is activated and shown on the builder editor.
How To Use
Make sure that you already created a form with the Contact Form 7 plugin. After that, you will open the builder editor and add the Contact Form 7 Styler element. You will select a form from the dropdown list and the selected form will show on the builder editor. Now you can change the color, fonts, spacing, size, etc from the settings panel.
Dynamically Show The Form
Sometimes we shall show the form dynamically based on a custom field value. Assume that you created a template for a single details page and show the different forms based on a custom field value. Select the source type “Custom Field” and enter the custom field name into the input box. You can make the custom field for your content with ACF, PODs, MetaBox, or any other plugin. Make sure that your custom field is returning the CF7 form’s ID.
User Reviews
There are no reviews yet.