The Block quotes widget offers you a unique design to display reviews for your clients.This widget uses a layout composed of a name, info and review text, but also an avatar and stars based reviews.You can fully customize all the aspects of the widget.Â
Read down below to learn more.
In the content section you can define all the elements of your block quote review.
Under the layout section, you will be able to change the layout style and control the position and the alignment of each element of the block quotes widget.This will give your more flexibility on the look & layout of your web page elements. Â
The star rating feature is going to be the factor that all your reviews are going to be based on.
This is where you will set up your block quote icon and position it using the following options.
Under the styling tab section, you will have the full control over the styling & design of all your block quote widget elements, you can change the sizes, colors, backgrounds...
Customize the text elements, author name, author info & text review. Change the font size, letter spacing... choose from hundreds of Google font families.
-Typography & Colors : Change the text properties and customize the color of your text elements.Additionally, you can use different colors to create fancy hover effects.
Control everything about your icon, apply a custom icon size and color.Â
-Size & Margins : Change the icon size and control the space between the icon and the other elements.
-Colors : Change the icon color for both the normal and hover states of the widget.
-Colors : Change the review stars colors scheme color for both the normal and hover states.
-Margins : Control the space between the review stars and the other elements of the widget.
The two bottom sections available in the styling tab are the container and the avatar styling.You can change the options down below to have more control on the container space but also to customize the colors and create your very own design.
-Radius & Padding : Change the container radius if you want to use a more rounded shape and alternate the padding values to control the space inside the container.
-Background : Customize the background & choose to apply either a solid background color or a gradient color for both the normal and hover states of the container.Â
-Size & Margins: Change the avatar size and control the space between the avatar image and the other elements.
-Radius, Border & Box Shadow: Customize the avatar radius to change the image shape and add a border and a box shadow to add even more design to this element.Note that these options are available to be changed for both the normal and hover states.