Home - Widgets - Block Quotes

Block Quotes

Preview Widget
Preview Widget
Getting Started
Content
Global Layout
Stars
Block Quote Icon
Elements & Text Styling
Container & Avatar Styling

More Widgets

• Team Member
• Icon Box
• Hover Info Box
• Testimonial

# Getting started

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.

Content

In the content section you can define all the elements of your block quote review.

  • Author Name :  A text that represents the author name or the entity that is presenting the review.
  • Author Info : This text will be used to specify the field of work, company, source or anything that gives a more general information about the reviewer.
  • Text : This is where the review text will be presented.It can be a short paragraph or a long text depending on what is being reviewed and by whom.
  • Enable Hover : Enabling this option allow you to create a hover effect in the styling tab.
  • Avatar : You can enable the avatar and upload a photo representing the author of the review.

Layout

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.  

  • Style : Choose either the bubble for a modern layout or the all boxed if you want to use a more regular design.
  • Bubble Layout : This option will only be visibly if you have chosen the bubble layout in the style control.This will be used to position the review text either at the top or at the bottom of the widget.
  • Content & Author Alignement : You can align the review text and the author details to create your personal layout.

Stars

The star rating feature is going to be the factor that all your reviews are going to be based on.

  • Enable stars : You can disable the stars feature but we strongly recommend using this as its considered the number one factor used by consumers to judge a business
  • Active Review Stars : Set the number of stars that were given for this review.
  • Stars position : You can freely positon your stars inside the widget container.Choosing the 'inside author' option will positon the stars under the author info.

Block Quote Icon

This is where you will set up your block quote icon and position it using the following options.

  • Enable Quote Icon : You can disable the block quote icon if you are in need of a more a simple design for your web page.
  • Icon position : You can positon your icon using the multiple options available to find a suitable layout.
  • Icon Type : Choose one of the numerous quote icons available in the list provided by this control.

Styling

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...

  • Text Content Styling

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.

  • Quote Icon Styling

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.

  • Review Stars Styling

-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.

Container & Avatar Styling

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.

  • Container Styling

-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. 

  • Avatar Styling

-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.

Get Help From Professionals

Can't find what you are looking for?

If you can't find what you are looking for any our documentation website, please feel free to open a support ticket  & get help from our support team.

Open a Ticket
Open a Ticket

WHO ARE WE ?

We are a group of talented WordPress developers & designers from Morocco our main goal is to create great products & provide the best services to our customers.

BOOSTER ADDONS

CREATIVE ELEMENTOR BUNDLE

HELPFUL LINKS

About Us

Documentation

Blog Articles

Video Tutorials

Request Support

GET INVOLVED

Feedback

Bug Report

Submit Design

Privacy Policy

Terms & Condition

FOLLOW US

Email : contact@certaindev.com

WebSite : Certain Dev

Made with love from Earth!

Certain Dev | all rights reserved © 2020