web_testimonial Shortcode
The web_testimonial shortcode renders the testimonial component.
The attributes below match the current Page Builder controls and public output. Use raw syntax only for reviewed content that cannot be maintained through the visual controls.
Usage
[web_testimonial testimonial_style="style_2" testimonial_name="Alex" testimonial_position="Customer" testimonial_image="123"]A clear and helpful experience.[/web_testimonial]Attributes
| Attribute | Default | Accepted values | Purpose |
|---|---|---|---|
testimonial_style |
style_1 |
style_1, style_2, style_3 |
Select testimonial style. |
testimonial_image |
— | Library attachment ID, library URL or HTTP(S) image URL | Optional portrait. Library metadata remains current. External images are not downloaded by the server. |
image_decorative |
false |
yes, true, 1, on to enable |
Use empty alternative text; otherwise use current library alt text. External images have empty alt text. |
testimonial_name |
— | Safe inline HTML | Enter the name, optionally with links or emphasis. |
testimonial_name_position |
after_content |
before_content, after_content |
Controls the name position. Available when testimonial_style is style_2. |
testimonial_position |
— | Safe inline HTML | Enter the position, optionally with links or emphasis. |
| Enclosed content | — | Safe post HTML and nested theme shortcodes | Quote body, not a content attribute. The shortcode retains its surrounding quotation marks and italic presentation. |
testimonial_text_color |
— | Numeric palette slot 1–15, or empty |
Text color; empty inherits. |
testimonial_bg_color |
— | Numeric palette slot 1–15, or empty |
Background color; empty is transparent. |
device_visibility |
— | Space-separated web-hide-on-lg, web-hide-on-md, web-hide-on-sm, web-hide-on-xs |
Hide independently in the four theme ranges. |
el_id |
— | Valid unique HTML ID | Enter section ID (Note: make sure it is unique and valid according to w3c specification). |
el_class |
— | String unless stated otherwise | If you wish to style particular content element differently, then use this field to add a class name and then refer to it in your css file. |
Customize the stylesheet
Go to Settings → POM Theme → Advanced → Custom CSS, expand Shortcode CSS assets, and open Testimonial. The comparison shows the readable CSS generated by the current theme beside the editable source. Saving creates an optimized per-site replacement for the existing web-testimonial stylesheet; reverting restores the current testimonial.min.css asset.
The replacement changes CSS only. Both the shortcode and Gutenberg Testimonial use the same component classes and renderer. Portraits are semantic images with current library dimensions and responsive sources, using the theme image-loading policy. The existing web-testimonial-photo selector controls their cropping and geometry. Quote content lives in div.web-testimonial-body; shortcode names and sources retain safe inline links and formatting, while the Gutenberg fields remain plain text. Nested shortcode media, icons and controls keep their generated markup. Executable authored markup and unsafe links are rejected. Review custom replacements against those selectors. Pages without Testimonial content load no Testimonial stylesheet, and the module has no dedicated JavaScript.
The portrait is optional; unused portrait spacing is removed. Missing library images are omitted, and a completely empty testimonial produces no visible markup. Style 1 hides its portrait below 576px. Use the Gutenberg Testimonial block for inline editing.
Verification
Verify web_testimonial with representative content, its empty state and every enabled responsive range. Check all three testimonial_style variants, both testimonial_name_position values for style 2, the portrait image, and the author/source order. After editing the stylesheet, confirm that a page containing the shortcode uses the managed CSS while a page without it still loads no Testimonial asset.