Would you like to add an image to the Price Table widget in Elementor ?
The pro version ofElementor has a widget Price Table to allow the effortless addition of a price grid block on a web page. Four main elements are contained in this widget.
- Header: to add the title of a plan you offer. that is to say "Bronze or Gold".
- Pricing: to add the price of the plan.
- Features: to add the features offered by the plan.
- Footer: to add the call-to-action button
- Ribbon: to display a ribbon that you can use to display the best-selling plan, the currently discounted plan, etc.
But the functionality that this widget lacks is the ability to add an image.
Read also: How to create a tabbed image gallery in Elementor
Sometimes you want to add an image like a logo, icon or other image related to the plan you are offering. With a little trick, you can add an image to the Price Table widget.
First, prepare the section - as well as the columns - in which you want to place the price tables. Drag the Price Table widget to one of the existing columns.
Go to the tab Advanced on the left panel and open the option Background. Click on the brush icon and select an image you want to add to the board.
In the option Repeat, set to Non-repeat. In the option Cut, set to Contain. In the option Position, set to Personalize their campaigns and set the X position and Y position.
Then go to the tab Style and open the option Price. Ungroup the paddings and set the top padding to around 170 (you can set any value to suit your needs).
You can set other styling options under the tab style. As the definition text color, typography, button color, etc.
See also: How to create an image gallery with Elementor
You can access the tab Contents to modify the contents. To save time, you can copy the Price Table widget you customized and paste it into the following columns and adapt the contents depending on the other plans you wish to offer.
Get Elementor Pro Now!
Conclusion
So ! That's all for this article which shows you how to add an image to the Price Table widget in Elementor. If you have any concerns on how to get there flet us know in the Comments.
However, you can also consult our resources, if you need more elements to carry out your projects of creation of Internet sites, by consulting our guide on the WordPress blog creation or the one on Divi: the best WordPress theme of all time.
But meanwhile, share this article on your different social networks.
...
