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)