The Liquid Glass Effects extension in Wow Elements Pro allows you to create modern glassmorphism-style effects on your website elements without any coding. It helps enhance the visual appeal of your layouts by adding transparent, blurred, and glossy glass-like effects to sections, containers, and widgets. With flexible customization controls and stylish design options, you can easily create elegant and interactive user interfaces for your Elementor website. In this documentation, we will guide you through how to use and customize the Liquid Glass Effects extension in Wow Elements Pro.
Enabling the Liquid Glass Effects Extension #
To use the Liquid Glass Effects Extension from Wow Elements Pro, first, you have to enable the extension.
- Go to WordPress dashboard → Wow Elements Plugin dashboard.
- Then, Click the Extension Tab.
- Search the Liquid Glass Effects Extension Name.
- Enable the Liquid Glass Effects Extension.
- Hit the Save Settings Button
Initial Setup for Liquid Glass Effects Extension #
Before using the Liquid Glass Effects extension, you first need to create or select an existing design where you want to apply the effect. This will help you better visualize and customize the glass-style appearance within your layout.
Where To Find The Liquid Glass Effects Extension #
To find the Liquid Glass Effects Extension, you must need to select the element where you want to use the extension. Let’s see the steps below –
1. Click on the element which you want to configure by the Liquid Glass Effects extension.
2. Now move to the Advanced tab.
3. Click on the Background Tab.
4. You will find the Liquid Glass Effects extension here along with the Wow Elements logo.
Configuring the Liquid Glass Effects Extension #
As the design is already created now we can select the elements where we want to use the Liquid Glass Effects Extension. To show you, we will apply the Liquid Glass effects Extension on Heading element & Advanced Icon Box element. Let’s start exploring those one by one.
Using the Liquid Glass Effects on Heading Element #
Select the Heading element and then go to Advanced Tab of the element and click on the Background Tab. Here you will see the Liquid Glass Effects Extension tab. Click on it and adjust the blur level that meet your needs.
Using the Liquid Glass Effects on Advanced Icon Box Element #
Select the Advanced Icon Box element and then go to Advanced Tab of the element and click on the Background Tab. Here you will see the Liquid Glass Effects Extension tab. Click on it and adjust the blur level that meet your needs.
Final Preview of The Liquid Glass Effects Extension #
After adjusting the effects to your design, publish the page and you can see the output on the preview page.
All done, You have successfully customised the Liquid Glass Effects Extension on your website.
Video Assist #
You can also watch the tutorial video about the Liquid Glass Effects Extension. Please visit the demo page for examples.
Thanks for staying with us.
