The modern image widget is an exceptional tool that you can use to set up and display your images on your web pages.This widget uses a combination of an image, an overlay area containing text, and various effects that will give your images extra visual prowess.
Read about the options provided by this widget down below.
In the content section, you can define all the elements of your modern image widget.
The modern image settings section is going to be used to align your content and to alternate the various effects used in this widget.
Under the styling tab section, you will have the full control over the styling & design of the modern image elements.Alternate the colors, typography, borders and more.
-Enable 3D Hover : Enable/disable the 3D hover effect.We strongly recommend enabling this option as its a great visual aspect of this widget but we know that in some cases simplicity can be key.
-: Control the mouvement sensitivity in conjunction with the hover effect.Changing this value will affect the behavior and speed of the 3D effect.
-Enable Glare : Enabling this add extra brightness to create a glaring effect and give the widget a different visual touch.This effect is better used with a background image as it doesn't make as much of a difference when used on a color painted background.
- : Control the value for the glare effect.The higher this value is, the more intense effect.
-Enable Reset : Disable this if you don't want the effect to reset to its initial position after hovering over the widget.Essentially this means that the widget will stay in the same position after the hover action is over.
Customize the text properties for the heading title & sub heading.Change the font size, letter spacing... choose from hundreds of Google font families.
-Colors : Customize the color of your text elements, with the possible use of both solid and gradient colors.
-Shadows : Apply text shadows and create stylish text for your elements.
Change the style for the modern image.Add borders, shadows, and alternate the colors for the overlay.
-Colors : Customize the color of the overlay.You can use both solid and gradient colors with the option of controlling the direction and position for the gradient.
-Borders & Shadows : Add a border for the image with the possibility to customize the width and color, and apply a box shadow to create unique effects.
-Padding : Control the overlay inner space by changing the padding values.
If you can't find what you are looking for any our documentation website, please feel free to open a support ticket & get help from our support team.