In this documentation, we will show you how to customize the Stone Hover widget presented by Ultimate Post Kit Pro.
Inserting The Stone Hover Widget
![Inserting The Stone Hover Widget](https://bdthemes.com/wp-content/uploads/2023/06/insert-8.png)
On the Elementor editor page, search by the Stone Hover widget name, then drag and drop it on the page.
Note: You need both Elementor and Ultimate Post Kit Pro installed to use this widget.
Content Tab Customizations
Layout Section Customizations
Go to Content > Layout
![Layout Section Customizations](https://bdthemes.com/wp-content/uploads/2023/06/Layout-16-1024x470.png)
Find the Item Height and Image Size options.
Query Section
Go to Content > Query
Step-1
![](https://bdthemes.com/wp-content/uploads/2023/06/q1-1024x482.png)
Find the Item Limit and Source (Posts, Pages, Landing Pages, FAQ, Portfolio, etc.) options.
Step-2
![](https://bdthemes.com/wp-content/uploads/2023/06/q2-1024x483.png)
Also, find the Include > Include By and Terms filters. Include filter helps show only selected posts.
Step-3
![](https://bdthemes.com/wp-content/uploads/2023/06/q3-1024x477.png)
Exclude filter does exactly the opposite of the Include filter and helps hide selected posts.
Step-4
![](https://bdthemes.com/wp-content/uploads/2023/06/q4-1024x504.png)
Then find the Offset, Date, OrderBy, Order, Ignore Sticky Posts, and Only Featured Image Post options.
The Query ID field is for applying custom queries on WordPress.
Additional Section
Go to Content > Additional
![](https://bdthemes.com/wp-content/uploads/2023/06/Additional-6-1024x493.png)
Here, Find the Title, Show Category, Show Author, Date, Human Different Time, Show Time, Reading Time, Pagination, and Item Wrapper Link switchers.
Also, Find the Title HTML Tag and Separator options.
Work with The Style Tab
Items Section
Go to Style > Items
![](https://bdthemes.com/wp-content/uploads/2023/06/Items-8-1024x467.png)
Find the Content Padding, Item Border Color, Border Width, Overlay (Background & Blend), and Overlay Color options.
Title Section Customizations
Go to Style > Title
![](https://bdthemes.com/wp-content/uploads/2023/06/Title-15-1024x469.png)
Find the Title Color, Hover Color, Spacing, Typography, and Text Shadow options.
Category Section
Go to Style > Category
Step-1
![](https://bdthemes.com/wp-content/uploads/2023/06/Category1-1-1024x471.png)
In this section, you will find a Spacing option at the top and two subsections below; Normal and Hover.
In Normal Mode, Find the category text Color, Background Type (Classic & Gradient), and Background Color options.
Step-2
![](https://bdthemes.com/wp-content/uploads/2023/06/Category2-1-1024x484.png)
Here also find the Border Type, Width, Border Color, Border Radius, Padding, Space Between, Box Shadow, and Typography options.
Step-3
![](https://bdthemes.com/wp-content/uploads/2023/06/Category3-1-1024x469.png)
In Hover mode, find the text Color, Background Type, Color, and Border Color options.
Meta Section
Go to Style > Meta
![](https://bdthemes.com/wp-content/uploads/2023/06/Meta-12-1024x488.png)
Find the meta Color, Hover Color, Typography, and Space Between options.
All done! You have successfully customized the Stone Hover widget on your website.
Video Assist
You can also watch the tutorial video about the Stone Hover widget. Please visit the demo page for examples.
Thanks for staying with us.