Download
Image Portfolio

Overview

The Image Portfolio Widget allows you to embed set of images together in web pages also you can divide images in particular categories and filter accordingly. 

Screenshot

The following is a GIF video to show you how to use the Image Portfolio widget and the various options available :
image portfolio

Image Portfolio Widget

The following is a image portfolio widget :

Image Portfolio

Image

  • Select Image : Add the image you want to display on your web page.
  • Size: Select the size of the image to be displayed.
  • Category : Set the category of the image.
  • Link to : Select an option to link image from NoneCustom file (add a url of any web page), Media file (add rel value of your page or anything)lightbox (a lightbox is attached without any link).
  • Overlay : Toggle to set overlay of icon and text over image. CLICK HERE to see more.

Image Style

  • Width : Give the Width to the images.
  • Space Around : Add Space around the images.
  • Height : Add Height to images.
  • Stretch : By enable the Stretch you can see the Stretch
  • CSS Filter : By CSS Filter can edit to images css.
  • Shadow : Give the image shadow to images.
  • Rotate : Set the rotate images.

To add more style to the images, CLICK HERE to see information about image styling 

Button Style

To add more style to the button, CLICK HERE to see information about button styling 

  • Disable Category : Enable or disable the category Button.
  • Alingment : Give the alignment to button.
  • Size : Give the size to the buttons.
  • Space Around : Give the space round to the Button .
  • Bottom Space : Add space to the Bottom of Button .

Normal

  • Color : Give text color to button .
  • Background-Color : Give text color to button .
  • Typography : Choose the typography for button text.
  • Border Type : Choose the border type from Solid, Double, Dotted, Dashed, and Groove.
  • Border Color : Set the Border Color
  • Border Width : Set the width to control the thickness of the border around the button
  • Border Radius : Set the border radius to control corner roundness
  • Hover

    • Hover Speed : Set the time for hover effect
    • Background Color : Set the background color on hover
    • Color : Set the button text color on hover
    • Border Type : Choose the border type from Solid, Double, Dotted, Dashed, and Groove.
    • Border Color : Set the Border Color
    • Border Width : Set the width to control the thickness of the border around the button
    • Border Radius : Set the border radius to control corner roundness
    NOTE - In advance option tab . Do more styling to the Image Portfolio Widget. To know more about advance option tab. CLICK HERE

      Was this page helpful?
      pagelayer-logo-256
      Request A Demo
      By entering your email, you agree to our Terms of Service and Privacy Policy
      love-subscribe

      Download Pagelayer Plugin

      Subscribe to our Newsletter for WordPress related news and tutorials and get a 25% discount !

      Newsletter Subscription
      Subscribing you to the mailing list