booster addons
creative elementor bundle
Purchase Now
Purchase Now
Purchase Now

Home - Widgets - Modern Image

Modern Image

Preview Widget
Preview Widget
Getting Started
Content
Modern Image Settings
Content Styling

More Widgets

• Showcase Image
• Scroll Image
• Hotspot Image
• Image Swap

# Getting started

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.

Content

In the content section, you can define all the elements of your modern image widget.

  • Image : This is where you will upload or select the image that you want to use.
  • Heading Title : A title text that gives a global insight about the image or the targeted subject.
  • Sub-heading : An optional small more detailed text about your the image or subject.
  • Link : Specify a go to link on click.You can click on the link options button(The cog wheel on the right) to enable the 'open in new window' and the 'no follow' options.

Modern Image Settings

The modern image settings section is going to be used to align your content and to alternate the various effects used in this widget.

  • Alignement : Horizontally and vertically align the content text in the widget section.
  • Hover Style : Change the overlay hover style.Select one of the multiple unique hover effects available.
  • Show Content Effect : Change the effect that used for displaying the content text.Choose from more than 10 effects available in the list.
  • Show Overlay Effect : Alternate the effect that is used for displaying the overlay.A great number of choices are accessible.
  • Enable Frame : Enable this if you want a frame sized overlay.Disable this option if you want to use a full image sized overlay.

Styling

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.

  • Tilt Hover

-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.

  • Modern Image Typography

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.

  • Modern Image Styling

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.

Get Help From Professionals

Can't find what you are looking for?

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.

Open a Ticket
Open a Ticket

WHO ARE WE ?

We are a group of talented WordPress developers & designers from Earth our main goal is to create great products & provide the best services to our customers.

BOOSTER ADDONS

CREATIVE ELEMENTOR BUNDLE

FOLLOW US

Email : contact@certaindev.com

WebSite : Certain Dev

Made with love from Earth!

Certain Dev | all rights reserved © 2020