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

Inserting The Coslide 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

Come to the Layout section, Find the Layout Style (01, and 02), Title HTML Tag, Image Size, and Height options, and also find the Show Title, Show Text, and Show Read More switchers.

Items Section Customization

Go to Content > Items

Step-1

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

Step-2

For Each Coslide Slider item, Find the Image, Title, and Text options.

Step-3

For Each Coslide Slider item, also Find the Read More Text and URL Link options.

Static Content Section

Go to Content > Static Content

Here Find the Show Title, Show Sub Title switchers, and options.

Work with The Style Tab

Style The Images Section

Go to Style > Images

Step-1

Come to the Images section, you will find two sub-sections; Normal and Hover.

In the Normal mode, Find the Border Type, Width, Border Color, Border Radius, and Box Shadow options.

Step-2

In the Hover mode, find the Border Color, and Box Shadow options.

Main Title Section

Go to Style > Main Title

In this section, Find the Title Color, Background Color, Border Type, Border Radius, Padding, Margin, Text Shadow, Text Stroke, and Typography options.

Main Text Section

Go to Style > Main Text

Find the Text Color, Margin, and Typography options.

Static Content Section

Go to Style > Static Content

Step-1

Come to the Static Content section, you will find two sub-sections; Title, and Sub Title.

In the Title Mode, Find the Color, Margin, Text Stroke, Text Shadow, and Typography options.

Pagination Section

Go to Style > Pagination

Step-1

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

Step-2

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

Style The Cross Icon Section

Go to Style > Cross Icon

Step-1

Come to the Cross Icon section, you will find two sub-sections; Normal and Hover.

In the Normal mode, Find the Cross Icon Color, Background Type, Background Color, Border Type, Border Color, Width, Border Radius, Padding, Margin, Box Shadow, and Size options.

Step-2

In the Hover Mode, you will get a similar customization option as in the Normal mode. So please try it yourself.

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

Video Assist

The video and the Demo page will be coming soon.