"Testimonial Item Grid" Design Tab Settings For Divi Testimonial Slider

We use *CSS Grid Layout* for testimonial item contents when the *Layout* settings in the *Testimonial* toggle is *Grid*.

This is an advanced layout.

To style & set design settings for testimonial item in grid layout,

- In the *Testimonial Slider* divi module, goto *Design* tab.
- Click on *Testimonial Item Grid* toggle
- *Grid Column* - Set the css grid-template-columns value. It has responsive settings for desktop, tablet & phone.
- *Column Gap* - Set the gap for the columns in the grid. It has responsive settings for desktop, tablet & phone.
- *Row Gap* - Set the gap for the rows in the grid. It has responsive settings for desktop, tablet & phone.
- *Title Row Start* - Set the grid-row-start css property for the title. It has responsive settings for desktop, tablet & phone.
- *Title Row End* - Set the grid-row-end css property for the title. It has responsive settings for desktop, tablet & phone.
- *Title Column Start* - Set the grid-column-start css property for the title. It has responsive settings for desktop, tablet & phone.
- *Title Column End* - Set the grid-column-end css property for the title. It has responsive settings for desktop, tablet & phone.
- *Assigned Links Row Start* - Set the grid-row-start css property for the assigned links. It has responsive settings for desktop, tablet & phone.
- *Assigned Links Row End* - Set the grid-row-end css property for the assigned links. It has responsive settings for desktop, tablet & phone.
- *Assigned Links Column Start* - Set the grid-column-start css property for the assigned links. It has responsive settings for desktop, tablet & phone.
- *Assigned Links Column End* - Set the grid-column-end css property for the assigned links. It has responsive settings for desktop, tablet & phone.
- *Stars Row Start* - Set the grid-row-start css property for the rating stars container. It has responsive settings for desktop, tablet & phone.
- *Stars Row End* - Set the grid-row-end css property for the rating stars container. It has responsive settings for desktop, tablet & phone.
- *Stars Column Start* - Set the grid-column-start css property for the rating stars container. It has responsive settings for desktop, tablet & phone.
- *Stars Column End* - Set the grid-column-end css property for the rating stars container. It has responsive settings for desktop, tablet & phone.
- *Date Row Start* - Set the grid-row-start css property for the testimonial date. It has responsive settings for desktop, tablet & phone.
- *Date Row End* - Set the grid-row-end css property for the testimonial date. It has responsive settings for desktop, tablet & phone.
- *Date Column Start* - Set the grid-column-start css property for the testimonial date. It has responsive settings for desktop, tablet & phone.
- *Date Column End* - Set the grid-column-end css property for the testimonial date. It has responsive settings for desktop, tablet & phone.
- *Content Row Start* - Set the grid-row-start css property for the testimonial content. It has responsive settings for desktop, tablet & phone.
- *Content Row End* - Set the grid-row-end css property for the testimonial content. It has responsive settings for desktop, tablet & phone.
- *Content Column Start* - Set the grid-column-start css property for the testimonial content. It has responsive settings for desktop, tablet & phone.
- *Content Column End* - Set the grid-column-end css property for the testimonial content. It has responsive settings for desktop, tablet & phone.
- *Avatar Row Start* - Set the grid-row-start css property for the avatar image. It has responsive settings for desktop, tablet & phone.
- *Avatar Row End* - Set the grid-row-end css property for the avatar image. It has responsive settings for desktop, tablet & phone.
- *Avatar Column Start* - Set the grid-column-start css property for the avatar image. It has responsive settings for desktop, tablet & phone.
- *Avatar Column End* - Set the grid-column-end css property for the avatar image. It has responsive settings for desktop, tablet & phone.
- *Author Row Start* - Set the grid-row-start css property for the author name. It has responsive settings for desktop, tablet & phone.
- *Author Row End* - Set the grid-row-end css property for the author name. It has responsive settings for desktop, tablet & phone.
- *Author Column Start* - Set the grid-column-start css property for the author name. It has responsive settings for desktop, tablet & phone.
- *Author Column End* - Set the grid-column-end css property for the author name. It has responsive settings for desktop, tablet & phone.

Divi Testimonial Plus: Advanced Testimonial Grid, Slider, Form and SEO Schema - https://wptools.app/wordpress-plugin/divi-testimonial-plus-advanced-testimonial-grid-slider-form-and-seo-schema/

Видео "Testimonial Item Grid" Design Tab Settings For Divi Testimonial Slider канала WP Tools