• Home
  • Documentations
    • Phlox WordPress Theme
    • Phlox Pro WordPress Theme
    • Master Slider jQuery
    • Master Slider WordPress Pro
    • Master Slider WordPress Free
    • LOTUS WordPress Theme
  • Video Tutorials
    • Phlox ? Video Tutorials
    • Master Slider WP Pro
    • Master Slider WP Free
    • Master Slider jQuery
    • Lotus ? Video Tutorials
  • FAQ
    • General Questions
    • LOTUS WordPress Theme
    • Master Slider jQuery
    • Master Slider WordPress
    • CUTE Slider
  • Knowledge base
    • Beginners
    • Advanced Techniques
    • WordPress plugins
  • Support Forum
    • Login Or Register
    • Support Forum
    • Support Policy
Averta Support Center
  • Home
  • Documentations
    • Phlox WordPress Theme
    • Phlox Pro WordPress Theme
    • Master Slider jQuery
    • Master Slider WordPress Pro
    • Master Slider WordPress Free
    • LOTUS WordPress Theme
  • Video Tutorials
    • Phlox ? Video Tutorials
    • Master Slider WP Pro
    • Master Slider WP Free
    • Master Slider jQuery
    • Lotus ? Video Tutorials
  • FAQ
    • General Questions
    • LOTUS WordPress Theme
    • Master Slider jQuery
    • Master Slider WordPress
    • CUTE Slider
  • Knowledge base
    • Beginners
    • Advanced Techniques
    • WordPress plugins
  • Support Forum
    • Login Or Register
    • Support Forum
    • Support Policy

Looking for the answer

Adding Image to the Content


Use Image shortcode to display an image to the content. You can add the Image shortcode, choose between lightbox and none, then fill in its attributes. Available options will be explained below.

You can also add a second image?to display while mouse is over the first image.

Normal

This shows your image normally and it does not allow you to click the image.

[aux_image target="_blank" title="Title" attach_id="Insert your image id here" lightbox="no" attach_id_hover="Insert your image id here" width="" height="" link="" icon="plus" extra_classes=""]

Lightbox

In the lightbox mode, a plus icon appears on the image when the mouse hovers over it. By clicking on the image, it will be shown in a lightbox.

[aux_image target="_blank" title="Title" attach_id="Insert your image id here" lightbox="yes" attach_id_hover="Insert your image id here" width="" height="" link="" icon="plus" extra_classes=""]

 

Recommended: To see the demos of Image, check out this link.

Option Default Value Values and Description
title “Title” Inserts title above the image.
attach_id ” “ Here you can add an attachment id of your image.
attach_id_hover ” “ Adds an attachment id of image that you want to appear when the mouse hovers over the main image.
link ” “ Links the image to another web page.
target “_self” “_self”: Opens link in current page.

“_blank”: Opens link in a new page.

alt ” “ Adds an alternative text to your image.
width ” “ Specifies the width of your image.
height ” “ Specifies the height of your image.
align “alignnone” Aligns the image to:

“alignleft”: Left

“alignright”: Right

“alignnone”: No alignment

icon “plus” Changes the icon that appears on the image when the mouse hovers over it.

” “: None

“plus”

lightbox “0” Whether it opens a lightbox by clicking the image or not.

“0”: Do not open a lightbox.

“1”: Opens a lightbox.

extra_classes ” “ Add your custom CSS class names here, to style particular content element differently.

Was this information helpful?

Submit
Wizard Home
Related articles list
Create New Support Ticket
Copyright © 2017 Averta. All rights reserved.