How to use Ranch widget by Pixel Gallery

  • BdThemes
  • How to use Ranch widget by Pixel Gallery

Table Of Contents

How to use Ranch widget by Pixel Gallery

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

Insert Ranch Widget

Insert Ranch widget - BdThemes

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

The Default view of Ranch Widget

the default view ranch widget - BdThemes

The Ranch widget displays the Title, Meta, Social Links, and Image.

Content Tab Customization

Layout Section

Go to Content > Layout

layout 7 - BdThemes

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

layout 2 5 - BdThemes

Then find the Show Title and Title HTML Tag, Show Meta, Show Social Link, Alignment, Image Size, Link, and Lightbox options.

Items Section

Go to Content > Items

Items 12 - BdThemes

Find the Content > Media Type, Image, Title, Meta, Custom URL, and Item Hidden options.

Items 2 7 - BdThemes

Then find the Grid > Column Span, Row Span, and Height options to add new item click on the ” + Add Item ” Button

Social Link Section

Go to Content > Social Link

Social Link - BdThemes

Find the Title, Link, and Choose Icon options to add a new Social Link click on the ” + Add Item ” Button.

Entrance Animation Section

Go to Content > Entrance Animation

Entrance Animation 5 - BdThemes

Find the Entrance Animation, Perspective, Delay, Transition Duration, Transform Origin, TRANSFORM > Translate, Rotate, Scale, and Skew options.

Style Tab Customization

Items Section

Go to Style > Items

This image has an empty alt attribute; its file name is items-13-1024x613.png

Find the Background Type, Border Type, Border Radius, Padding, Margin, and Box Shadow options

items hover 7 - BdThemes

Then find the Box Shadow option only.

Content Section

Go to Style > Content

Content 5 - BdThemes

Find the Glassmorphism, Blur Level, Background Color, Border Type, Border Radius, Padding, Margin, and Box Shadow options.

Title Section

Go to Style > Title

Title 7 - BdThemes

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

Meta Section

Go to Style > Meta

Meta 5 - BdThemes

Find the Color, Margin, and Typography options.

Social Link Section

Go to Style > Social Link

Social Link 1 - BdThemes

Find the Color, Background Color, Border Type, Border Radius, Padding, Margin, Box Shadow, Icon Size, Space Between, and Show Tooltip options.

Social Link hover - BdThemes

Then find the Color, and Background Color options.

Mask Section

Go to Style > Mask

Mask 5 - BdThemes

Find the Type option only.

Video Assist

Thanks for watching the Ranch Widget Tutorial. 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.
Need any further assistance? Call Us:+880 1700 55 95 95
Our supported payment system and security badge