Content length for each item in the list may vary. In this case, you might need to set some fixed height for all list items so that they will display with similar dimensions irrespective of content length.
Minimum Height option in Price List is very useful and allows to set a fixed height for all items in the list.
The setting can be found under Layout tab.
How to Set Different Image Positions in Price List?
Price List allows displaying items in a list along with its title, description, price and a related image. The image can be needed to set at different positions for better design. Price List widget allows changing the position of the image simply with drop-down options.
Layout tab contains settings for Image Position. It also allows managing Price Position.
Size of the image can be managed by setting available under Style tab -> Image Area
Normal and Raised format for Price
Pricing tab in Price Box widget offers a number of options to display the price.
You can display the price in digits or can even type text like FREE in the price area. Discounted price can be shown with Offering Discount? toggle.
Raised Currency Format separates the fractional part from integer part in the price and can be displayed at vertically top, middle or at bottom of integer part. Vertical position options can be selected from Style tab -> Pricing -> Fractional Part. It also displays Currency Symbol at vertically top, middle or at bottom of the integer part.
For example- If the price entered is 49.99 then choosing Raised Currency Format will separate the 99(fractional part) from the 49(integer part) and will display vertically at the top, middle or at the bottom with respect to 49. Same is the case with Currency Symbol.
While Normal Currency Format Currency Symbol, integer part, and fractional part will be displayed in one line.
More options are available under Style tab -> Pricing.
What are different style options for Price Box?
Price Box widget provides 3 different prebuilt style options under the General tab. It displays heading, pricing, content (features), call to action at different positions.
Normal
It displays box content in the following order-
Heading
Pricing
Content (Features)
Call To Action
Features at Bottom
It displays box content in the following order-
Heading
Pricing
Call To Action
Content (Features)
Circular Background for Price
It displays box content in the following order-
Heading
Pricing (in the circular background)
Content (Features)
Call To Action
How to Set Scale, Opacity, Effects, Overlay Color for Images?
Customization options like Scale, Opacity, Image Effects, Overlay Color for Image Gallery allows enhancing the gallery look. The settings are applied to image thumbnails visible in the gallery.
The customization settings are available under Style (tab) > Thumbnail.
Scale – It allows the image to enlarge on hover and go back to normal when you move the cursor out of it.
Opacity (%) – Sets opacity for all images in the gallery.
Image Effect – They are image filter effects like Instagram. This is a unique feature with Image Gallery Widget.
Overlay Color – Adjust the overlay color for the images in the gallery.
Note: All above settings for hovered images are available for under Hover tab.
Different Ribbon styles for Price Box
Ribbon tab in Price Box widget allows setting different ribbon styles. Ribbon highlight best deals, discounts, featured packages etc. in Price Box.
More customization options are available under Style tab.
How to Add a Caption for the Image?
To display images in a more descriptive form, Image Gallery provides an option to display the caption on image/image hover.
A caption can be a trendy text, informative text, navigation text or anything that will give more information about the image.
Enable the option from Content (tab) > Additional Options > Show Caption and follow the steps below to add a caption to each image.
Step 1 – Select an image from the media library list.
Step 2 – Caption option will appear in the media information column on the right side.
You can completely customize the image caption by applying a background color, text color, padding, vertical alignment, and typography. This setting is available under Style (tab) > Caption.
How to Set a Custom Link for the Image?
Wish to open a webpage with the click of an image?
If yes, Custom Link option allows navigating an image to external link.
Custom Link can be added to images while adding them to Image Gallery widget. Here are the steps –
Step 1 – Select an image from the media library list.
Step 2 – UAEL – Custom Link option will appear in the media information column on the right side.
How to Style the Table?
Table Widget allows creating beautiful table designs. You can add style to Table Header, Body, Search / Show Entries that will make the table stand out more effectively and make it easy to read.
Odd and Even rows can be highlighted with different color options. The different color can be set to rows when hovered with a mouse.
Style tab in Table Widget provides multiple options for designing.
Table Header
It provides options to style top row of the table.
Note: Color and Background Color options are available for each column cell separately under Content tab -> Table Header -> Cell (Column) -> ADVANCE (?)
If you select column cell from Table Content to Convert into Table Heading then the style set for Table Header here will be applied to the selected column as well. (?)
Table Body
It provides options to style content section of the table.
Different color options are available for Odd and Even rows. (?)
Icon / Image
Icon / Image can be set from Content tab -> Table Header/Content -> Cell (Column) -> Icon / Image (?)
Manage Position, Scale, Spacing etc. for Icon / Image.
The setting will be applied to Icon / Image added to both Table Header and Table Content.
Search / Show Entries
When you set table to be Sortable and Searchable or show Entries Dropdown from Content (tab) -> Advance Settings, Search / Show Entries boxes appear on the table.
Enhance the design of these boxes from settings available under Search / Show Entries. (?)
How to Get License Key of Ultimate Addons for Elementor?
The license key (or purchase key) is needed in various instances; like registering the product to receive free updates, logging in to our support center to request support and more.
You can find the key when you login to our store.
Login to our store and open the Licenses page.
You will see all your license keys information there.