Turn Your Minimum Efforts Into Maximum Results
  • Products
      Explore package advantages
  • Support
  • Blog
  • Contact

Table Of Contents

How to use Koral Widget by Pixel Gallery

In this documentation, we will show you how to customize the Koral widget presented by the Pixel Gallery add-on.

Insert Koral Widget

Open your page in Elementor editor, search by the Koral widget name, then drag and drop it.

The default view of Koral Widget

The Koral widget displays Gallery Image, Title, Text, and Button, along with a reveal-type hover effect.

Content Tab Customization

Layout Section

Go to Content > Layout

Find the Grid Template Columns, Row Gap, Column Gap, Item Height, and Item Alignment options.

Then find the Masonry, Show Title & Title HTML Tag, Show Text, Alignment, Image Size, Link, Lightbox, and Link Target options.

Items Section

Go to Content > Items

Find the Media Type, Image, Title, Text, Read More Text, Custom URL, and Item Hidden options for each single item box.

Then find the Grid > Column Span, Row Span, and Height options for each item box.

Click the” + Add Item ” button to add a new item.

Entrance Animation Section

Go to Content > Entrance Animation

Find the Entrance Animation Switcher, Perspective, Delay, Transition Duration, and Transform (translate, rotate, scale, skew) options.

Style Tab Customization

Items Section

Go to Style > Items

Find the Background Type, Border Type, Border Radius, Padding, Margin, and Box Shadow options in Normal mode.

Then find the Box Shadow option for Hover.

Content Section

Go to Style > Content

Find the Background Type Color, Border Type, Border Radius, Padding, and Margin options.

Title Section

Go to Style > Title

Find the Color, Padding, Margin, Typography, Text Shadow, and Text Stroke options.

Text Section

Go to Style > Text

Find the Color, Margin, and Typography options.

Icon Section

Go to Style > Icon

Find the Color, Background Type Color, Border Type, Border Radius, Padding, Margin, and Typography options.

Read More Section

Go to Style > Read More

Find the Color, Background Color, Border Radius, Padding, Margin, and Typography options for Normal mode.

Then find the Color and Background Type Color options for Hover.

Mask Section

Go to Style > Mask

Find the mask Type option only.

Video Assist

Watch the Koral Widget video tutorial here. Please visit the demo page for examples.

Thanks for being with us.

Take advantage of fine-tuned plugins

Get Customizable Elementor Widgets to Power Up Your Website

Take advantage of fine-tuned plugins to speed up web projects without sacrificing quality. We offer a 14-days money-back guarantee.
BdThemes is the sole owner of #1 market-leading addons for Elementor such as Element Pack Pro, Prime Slider, Ultimate Post Kit, Ultimate Store Kit, Pixel Gallery, and more useful plugins. This website is powered by Element Pack Pro and Rooten Theme.
Need any further assistance? Call Us:+880 1700 55 95 95
Our supported payment system and security badge