In this documentation, we will show you how to customize the Flash widget presented by Pixel Gallery Pro.

Inserting The Flash Widget

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

Content Tab Customizations

Layout Section Customization

Go to Content > Layout

Step-1

Come to the Layout section and find the Grid Template Columns, Row Gap, Column Gap, and Item Height options.

Step-2

Here also Find the Title HTML Tag, Alignment, Image Size, Link(Media File, and Custom URL), Lightbox, and Link Target (Whole Item, Only Button) options, and also find the Show Title, Show Meta, and Show Text switchers.

Items Section Customization

Go to Content > Items

Step-1

Come to the Items section, Here you can add Flash widget items (with the Add Item button).

Step-2

Click on Each widget item, you will find two tabs sections; Content and Grid.

In the Content mode, find the Media Type (Image, and Video), Image, and Title options.

Step-3

Here also find the Text, Meta, Read More Text, Custom URL, and Item Hidden options.

Step-4

In the Grid mode, find the Column Span, Row Span, and Height options.

Work with The Style Tab

Title Section

Go to Style > Title

Come to the Title section, and find the Title Color, Margin, Typography, Text Shadow, and Text Stroke options.

Text Section

Go to Style > Text

Here find the Text Color, Margin, Max Width, and Typography options.

Meta Section

Go to Style > Meta

Here find the Meta Color, Margin, and Typography options.

Style The Image Section

Go to Style > Image

Step-1

Come to the Image section, you will find two tabs section; Normal and Hover.

In the Normal tabs section, find the Border Type, Border Width, Border Color, Border Radius, and CSS Filter options.

Step-2

In the Hover tabs section, find the Border Color, and CSS Filter options.

Read More Button Section

Go to Style > Read More

Step-1

Here find the Read More Button Color, Background Type(Classic, Gradient), Background Color, and Background Image options.

Step-2

Here also find the Border Type, Width, Border Color, Border Radius, Padding, Margin, Typography, and Box Shadow options.

Step-3

In the Hover Mode, you will get a similar customization option as in the Normal Mode.

Modal Section Customization

Go to Style > Modal

Step-1

Come to the Modal section, find the Background Type(Classic, and Gradient), Background Color, Background Image, and Overlay Reveal Color options.

Here also you will find Four tabs sections; Image, Title, Text, and Close Icon.

In the Image tabs section, find the Border Type, Width, Border Color, Border Radius, and CSS Filter options.

Step-2

In the Title Tab mode, find the Title Color, Margin, Typography, and Text Shadow options.

Step-3

In the Text Tab section, find the Text Color, Margin, Max Width, and Typography options.

Step-4

In the Close Icon Tab section, find the Close Icon Color, Hover Color, Margin, and Size options.

All done! You have successfully customized the Flash widget on your website.

Video Assist

You can watch the quick video to learn about the Flash widget. Please visit the demo page for examples.

Thanks for being with us.