Skip to main content
Documentation/Elements & Controls Reference/Elements/Blocks/Fancy Testimonial

Fancy Testimonial

Fancy Testimonial combines a customer quotation with an image, stars, title, attribution, and optional button. Use it when a testimonial needs more context than a short quote.

Add and configure Fancy Testimonial

  1. Click Add, choose Fancy Testimonial, and place it in the container.
  2. Choose the Image, review Image Options, and set Stars if used.
  3. Enter Title, Testimonial, Name, and Occupation under Content.
  4. Configure Button if there is a related destination, then style Layout, Wrapper, Image, Quotes, Typography, and Stars.
  5. Save your changes.
Fancy Testimonial controls in the Breakdance editor
Fancy Testimonial controls in the Breakdance editor

This element has no children; use its own controls.

Controls

Responsive varies by breakpoint; Hover has a hover value; Shared applies across both. Linked controls have their own reference. In conditions, = means “is” and ≠ means “is not.”

Content > Content

Setting Purpose and options Behavior
Image WordPress media. Shared
Image Options > Size Registered WordPress or custom image size. When: Image is set. Shared
Image Options > Alt Enter the alt. When: Image is set. Shared
Stars 1, 2, 3, 4, 5. Shared
Title Item title. Shared
Testimonial Enter the testimonial. Shared
Name Attribute name. Shared
Occupation Enter the occupation. Shared
Button > Text Visible text. Shared
Button > Link Destination and link options. Shared

Design > Layout

Setting Purpose and options Behavior
Width Width. Responsive
Stack Vertically at Breakpoint. Shared
Content Position Left, Center, Right. Shared

Design > Wrapper

Setting Purpose and options Behavior
Boxed On/off. Shared
Background Color or supported fill. When: Boxed is set. Shared
Padding spacing controls. See linked controls
Borders borders controls. See linked controls

Design > Image

Setting Purpose and options Behavior
Disable On/off. Shared
Position Left, Right. Shared
Width Width. Responsive
Height Height. Responsive
Borders borders controls. See linked controls

Design > Quotes

Setting Purpose and options Behavior
Icon Icon. Shared
Color Color or supported fill. Shared
Size Size and unit. Responsive

Design > Typography

Setting Purpose and options Behavior
Title typography controls. See linked controls
Testimonial typography controls. See linked controls
Name typography controls. See linked controls
Occupation typography controls. See linked controls

Design > Stars

Setting Purpose and options Behavior
Position First, Second, Third, Fourth, Fifth. Shared
Color Color or supported fill. Shared
Size Size and unit. Responsive

Design > Button

Setting Purpose and options Behavior
Style Primary, Secondary, Custom, Text. Shared

Shown when Style = Text.

Setting Purpose and options Behavior
Text > Typography typography controls. See linked controls
Text > Padding spacing controls. See linked controls
Text > Fancy Underline Style 1, Style 2, Style 3, Style 4, Style 5, Style 6, Style 7, Style 8. Shared
Text > Underline Color Color or supported fill. Hover
Text > Arrow > Arrow Arrow 1, Arrow 2, Arrow 3, Custom. Shared
Setting Purpose and options Behavior
Text > Arrow > Custom Arrow Icon. When: Style = Text and Arrow = Custom. Shared
Text > Arrow > Space Before Space before and unit. When: Style = Text. Shared
Text > Arrow > Hover Transform Hover transform and unit. When: Style = Text and Arrow ≠ Arrow 3. Shared
Text > Arrow > Arrow Size Arrow size and unit. When: Style = Text. Shared
Custom Type Custom, Preset. When: Style = Custom. Shared
Custom > Size > Size Custom, Small, Default, Large. When: Style = Custom and Custom Type = Custom or Style = Custom and Custom Type is unset. Responsive
Custom > Size > Padding Padding. When: Style = Custom and Custom Type = Custom or Style = Custom and Custom Type is unset and Size = Custom. Responsive

Shown when Style = Custom and Custom Type = Custom or Style = Custom and Custom Type is unset.

Setting Purpose and options Behavior
Custom > Size > Override Width Override width and unit. Shared
Custom > Size > Full Width At Breakpoint. Shared
Custom > Background Color or supported fill. Hover
Custom > Outline On/off. Shared

Shown when Style = Custom and Custom Type = Custom or Style = Custom and Custom Type is unset and Outline is set.

Setting Purpose and options Behavior
Custom > Color Color or supported fill. Hover
Custom > Width Width. Shared
Custom > No Fill On Hover On/off. Shared
Setting Purpose and options Behavior
Custom > Typography typography controls. When: Style = Custom and Custom Type = Custom or Style = Custom and Custom Type is unset. See linked controls
Custom > Corners Square, Round, Custom. When: Style = Custom and Custom Type = Custom or Style = Custom and Custom Type is unset. Shared
Custom > Corner Radius Corner radius and unit. When: Style = Custom and Custom Type = Custom or Style = Custom and Custom Type is unset and Corners = Custom. Responsive

Shown when Style = Custom and Custom Type = Custom or Style = Custom and Custom Type is unset.

Setting Purpose and options Behavior
Custom > Icon > Icon Icon. Shared
Custom > Icon > Position Before, After. Shared
Custom > Icon > Size Size and unit. Responsive
Custom > Icon > Color Color or supported fill. Hover
Custom > Icon > Space Before Space before and unit. Responsive
Custom > Icon > Space After Space after and unit. Responsive
Custom > Icon > Hover Transform Hover transform and unit. Shared
Custom > Effects > Transition Duration Transition duration. Responsive
Custom > Effects > Scale On Hover Set scale on hover. Range: 0–3. Responsive
Custom > Effects > Shadow Shadow offset, blur, spread, color. Responsive, Hover
Setting Purpose and options Behavior
Preset Set preset. When: Style = Custom and Custom Type = Preset. Shared

Design > Spacing

Setting Purpose and options Behavior
After Image After image and unit. Responsive
Below Title Below title and unit. Responsive
Below Testimonial Below testimonial and unit. Responsive
Below Stars Below stars and unit. Responsive
Below Name Below name and unit. Responsive
Below Occupation Below occupation and unit. Responsive
Wrapper spacing controls. See linked controls

Troubleshooting

The image crop is unsuitable

Review Image Options and Image design controls with the chosen portrait.

The quotation is clipped

Check wrapper dimensions and the layout with the full quotation at phone width.