![amazingslider admin amazingslider admin](https://divicake.com/wp-content/uploads/Before-After-Slider-Module-2-768x401.png)
- Amazingslider admin how to#
- Amazingslider admin update#
- Amazingslider admin full#
- Amazingslider admin plus#
- Amazingslider admin professional#
You can also customize the style of your text using the bold, italic, all-caps and underline options. By default, Divi uses the Open Sans font for all text on your page. Divi comes with dozens of great fonts powered by Google Fonts. You can change the font of your header text by selecting your desired font from the dropdown menu. Keep in mind that when this setting is enabled, your images will scale your images to the browser height. Parallax EffectĮnabling this option will give your background images a fixed position as you scroll. If you would like to disable this shadow, you can do so using this setting. Every Divi module has a long list of design settings that you can use to change just about anything.īy default an inner shadow is displayed within the slider.
![amazingslider admin amazingslider admin](https://i.ytimg.com/vi/YEFwhxAXjrg/maxresdefault.jpg)
This is the tab you will use to change how your module looks. Within the design tab you will find all of the module’s styling options, such as fonts, colors, sizing and spacing. When using WireFrame view in the Visual Builder, these labels will appear within the module block in the Divi Builder interface. This will change the label of the module in the builder for easy identification. ControlsĬhoose whether or not you would like to display the circle buttons/slide indicators at the bottom of the slider.
![amazingslider admin amazingslider admin](https://i.ytimg.com/vi/6aF3Eq0IqpE/maxresdefault.jpg)
Anything that controls what appears in your module will always be found within this tab.Ĭhoose whether or not you would like to display left and right navigation arrows. Within the content tab you will find all of the module’s content elements, such as text, images and icons. For this example I’m only including two slides, but the result is a good looking slide that matches the design of the site, effectively showcases your product, and engages the user to click the button for more information on the product. Repeat this for all slides you want to add.
Amazingslider admin update#
Now duplicate the slide you just created and update the new slide with new content as needed. Design Optionsīackground Overlay Color: rgba(0,0,0,0.2) *this overlay slightly darkens the background image to make the text more readable. Note: By default, the slide image will display on the left and the slider text content and button will be displayed on the right. In the slide settings for your first slide, update the following options: Content OptionsĬontent: īutton URL: In the Content tab of the Slider Settings, click + Add New Item to create your first slide. Then insert a slider module to your new row. Using the Visual Builder, add a new section with a fullwidth (1 column) row. Each slide will have a background image, a slide image, and a content section.
Amazingslider admin professional#
The combination of images and content can really give your products a professional feel that stands out.įor this example I’m going to add a slider to showcase a few product features. Use Case Example: Add a Slider to your page to Promote Product FeaturesĪ slider is a great way to showcase your product or service features. These options are separated into three main groups: Content, Design and Advanced. The module list is searchable, which means you can also type the word “slider” and then click enter to automatically find and add the slider module! Once the module has been added, you will be greeted with the module’s list of options. Locate the slider module within the list of modules and click it to add it to your page.
![amazingslider admin amazingslider admin](https://i.pinimg.com/originals/45/3f/8f/453f8f332fdf5eca7f1f04f8fb4780f7.jpg)
Amazingslider admin how to#
We have some great tutorials about how to use Divi’s row and section elements. If you are starting a new page, don’t forget to add a row to your page first. New modules can only be added inside of Rows.
Amazingslider admin plus#
Once you have entered the Visual Builder, you can click the gray plus button to add a new module to your page. You can also click the Use Visual Builder button when browsing your website on the front end if you are logged in to your WordPress Dashboard. Next, click the Use Visual Builder button to launch the builder in Visual Mode. Clicking this button will enable the Divi Builder, giving you access to all of the Divi Builder’s modules. Once the Divi Theme has been installed on your website, you will notice a Use Divi Builder button above the post editor every time you are building a new page. View A Live Demo Of This Module How To Add A Slider Module To Your Pageīefore you can add a slider module to your page, you will first need to jump into the Divi Builder. Divi sliders support parallax backgrounds, as well as video backgrounds!
Amazingslider admin full#
Sliders can be placed anywhere, spanning the full width of whatever column structure they are in. How to add, configure and customize the Divi slider module.