Home - Widgets - Showcase Image

Showcase Image

Preview Widget
Preview Widget
Getting Started
Content
Settings
Container & Content Styling

More Widgets

• Scroll Image
• Modern Image
• Layered Images
• Image Swap

# Getting started

The showcase image widget is an exceptional asset if you want to display your images with a unique and creative design.This widget uses an image, some text, and a variety of effects what will display the text when the widget is being hovered.

Lets go over the details of this amazing widget.

Content

In the content section, you will define the image and text elements for your showcase image widget.

  • Image : This is where you will upload or select the desired image.
  • Heading :  A title text that gives a global insight about what you are showcasing.
  • Sub-heading : An optional small more detailed text about your topic.
  • Overlay Text : A description text that gives more information about what you want to showcase.This element will be hidden until you hover over the widget.
  • 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.

Settings

Under the cettings section, you will be able to control the position of the content and to change the hover style.  

  • Content Alignement : Change the horizontal alignement for your content.The options available here are left, center, and right.
  • Overlay Hover Style :  Change the hover overlay style.Choose from over 10 effects each with a unique design.

Styling

Under the styling tab section, you will have the full control over the styling & design of all your showcase image widget elements, you can change the sizes, colors, backgrounds...

  • Content Styling

Customize the text properties for the heading, sub heading, and overlay text​.Change the font size, letter spacing... choose from hundreds of Google font families.

-Colors : Customize the color of your text elements including the overlay text.Note that this can also be changed for the hover state.

  • Container Styling

Control everything about the container design.

-Overlay Background Color : Customize the overlay background color.Using a good color mix between the image, text color and overlay color is best.

-Normal & Hover : Select​ which widget state you want to customize.Normal for the idle state of the widget and hover for when the widget is being hovered.Note that all the remaining options of this section will only affect the selected state.

-Borders & Shadows : Add a border for the container with the possibility to customize the width and color, and apply a box shadow to create unique effects.You can also change the container radius if you want a more rounded shape 

  • Distances : Control the space between the heading and sub heading by changing the margins 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 Morocco 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