WP Rentals Help WP Rentals Help

  • Client Support
  • Video Tutorials
  • WpRentals
  • WpEstate
  • API
Home / Elementor Compatibility, Shortcodes / WpRentals Categories List widget for Elementor

WpRentals Categories List widget for Elementor

4070 views
How to work with WpRentals Categories List Elementor Widget Watch Video on Youtube

Edit Page with Elementor

  • Go to the page where you want to add the categories grid (like your homepage).

  • Click “Edit with Elementor.”

Add the Widget

  • In the Elementor sidebar, search for “WpRentals Categories List”.

  • Find the widget and drag it into the section where you want the grid to appear.

Select Categories to Display

  • In the widget’s content settings, you can choose which categories to display. All categories are listed as option (cities, areas, types, categories)

  • Select the categories manually

  • Set how many categories to show per row (for example, 4 per row).

Choose Design Type

  • The widget offers two design types: Type 1, Type 2 and Type 3

  • Choose the design style you like best. You can switch between them and see the preview.

Type 1

Type 2

Type 3

Display as Grid

When you choose to display the categories as a grid, you’re organizing them in a multi-column layout, like tiles or boxes, instead of one below the other (which would be a list).

This layout is clean, visual, and works well on desktop and tablets. On smaller screens (like phones), the grid usually adjusts automatically (called responsive design) and might stack the items in 1 or 2 columns.

Style the WpRentals Categories List Widget

  • Adjust the height of each grid item.

  • Change the border radius for rounded corners.

  • Customize fonts, colors, and the position of text on the category images.

How to Add Images to Categories for WpRentals Categories List Widget

Go to the Categories Section

  • In the dashboard menu, find Properties (or your custom post type).

  • Click on Categories (or the taxonomy you want, e.g., Cities, Categories, Areas, Types).

Edit or Add a Category

  • To add an image to an existing category, hover over the category name and click Edit.

  • Type the Name of the New Category. Click Add New category button

  • Titles must equal slugs. Let WordPress create the slug automatically.

Step 4: Set the Category Image

  • In the category edit screen, look for an option to upload or set a Featured Image

  • Click Upload/Add Image, choose or upload the image you want, and save (Click Update)

Elementor CompatibilityShortcodes

Related Articles

  • How to create a custom contact form with the WpRentals Contact form builder for Elementor
  • How to Manage the WP Rentals Map with Listings Widget
  • How to Add Login | Register Modal in Elementor Buttons
  • How to use the WP Rentals Grids widget for Elementor

HELP CATEGORIES

  • 61. General
  • 102. Installation & Basic Setup
  • 93. Installation FAQ
  • 404. How Booking Works
  • 145. User dashboard pages
  • 20Advanced Search Options
  • 3Blog Post
  • 9Custom Page Templates
  • 18Elementor Compatibility
  • 13Email Notifications
  • 19FAQ
  • 10Menu Options
  • 26Multi-Languages - 3rd party
  • 9Owner
  • 25Property / Listing
  • 21Shortcodes
  • 11Submit Form
  • 4Supported Maps
  • 93Technical how to
  • 5Third Party plugins
  • 3Translation
  • 13Widgets
  • 2WooCommerce Payments
  • 13WP Rentals Payment
  • 77WP Rentals Theme Options

Join Us On

Powered by WP Estate - All Rights Reserved
  • Client Support
  • Video Tutorials
  • WpRentals
  • WpEstate
  • API