# About 5.8 Release

### Sticky Image Cards

A new modern design in Palo Alto. Now, you can showcase cards with vertical scrolling on desktop and mobile.&#x20;

<figure><img src="https://content.gitbook.com/content/z8oqtXqtdhOM4CxRzekr/blobs/JPgx4utiL7tIkhTnBOZq/Sticky%20image%20cards%20720p.gif" alt=""><figcaption></figcaption></figure>

This new section is easy to set up. Add up to four blocks that make up the cards. Add a photo, supporting text content, and a call-to-action button to each card. Mobile options include a custom image for mobile devices and a stacked or sticky layout. &#x20;

### Testimonials with images

We have a new, improved testimonials section called Testimonials with images. This section will supercharge your reviews with photos, ratings, and new design elements.

<figure><img src="https://content.gitbook.com/content/z8oqtXqtdhOM4CxRzekr/blobs/Mq8DwwRPxpIc2nGwLMoI/tesimonials-main.jpg" alt=""><figcaption></figcaption></figure>

Choose from three block types: Testimonial, Text, and Image:

<figure><img src="https://content.gitbook.com/content/z8oqtXqtdhOM4CxRzekr/blobs/E2DJqRXuVAvbFemwQliG/testimonials-blocks.jpg" alt=""><figcaption></figcaption></figure>

Each block has new design options:

<figure><img src="https://content.gitbook.com/content/z8oqtXqtdhOM4CxRzekr/blobs/gVGGaEmyXNL4OeN6cgEV/block-settings-testimonials.jpg" alt=""><figcaption></figcaption></figure>

### Card Scroll Animation

Palo Alto now includes a new card scrolling animation effect for the Banner Image and Slideshow sections. The section below will overlap and continue on the scroll:

<figure><img src="https://content.gitbook.com/content/z8oqtXqtdhOM4CxRzekr/blobs/5seQrez12Q0Mkp3fFMSu/card-scrolling-b.gif" alt=""><figcaption></figcaption></figure>

To use, toggle on the option in the Banner Image section under Animation or under Transition for the Slideshow section:

<figure><img src="https://content.gitbook.com/content/z8oqtXqtdhOM4CxRzekr/blobs/9U4PxzMCusxiSOuxfJEI/settings-for-card-scrolling.jpg" alt=""><figcaption></figcaption></figure>

### Text Highlights

We've added two new text highlight animations: A hand-drawn circle and an underline.

<figure><img src="https://content.gitbook.com/content/z8oqtXqtdhOM4CxRzekr/blobs/H48L2y2RJdIsOI7HeJ2T/circle1080p.gif" alt=""><figcaption></figcaption></figure>

#### To use,&#x20;

1. Highlight the text to apply the effect.
2. Use the Italics format tool to italicize the text.
3. Under Highlight Type, choose the effect type and colors.

<figure><img src="https://content.gitbook.com/content/z8oqtXqtdhOM4CxRzekr/blobs/p2WieNbmeAYTwesxvwEZ/italicize.jpg" alt=""><figcaption></figcaption></figure>

### Promotion row section

&#x20;The "Promotion row" section now includes a count-up animation effect:

<figure><img src="https://content.gitbook.com/content/z8oqtXqtdhOM4CxRzekr/blobs/ITdfXHXb5cdbcMg0B8i4/redbg-number-animation-720p%20copy.gif" alt=""><figcaption></figcaption></figure>

### Grid section

We've added animation improvements for the "Grid" section. The zoom animation of the product grid images appears once the section is mostly in view and on hover.

<figure><img src="https://content.gitbook.com/content/z8oqtXqtdhOM4CxRzekr/blobs/jTUiG2hQXcqusyPdnbVc/grid-section-wider.jpg" alt=""><figcaption></figcaption></figure>
