layout.skipToContent

How to style Slideshow buttons

This tutorial will show you how to style and name buttons in Slideshows.

applicationUI.publishedAt 6 maggio 2026
1. Open Slideshow

Open your Slideshow and make sure the button at the top shows the Slideshow button. If it doesn't, click here...

Open Slideshow
Open Slideshow
2. Select Slideshow

...and select Slideshow.

Select Slideshow
Select Slideshow
3. Open Layout Editor

To change the style of the buttons, open the Layout Editor.

Open Layout Editor
Open Layout Editor
5. Choose Button To Edit

Click the specific button you want to style or rename within the slideshow interface.

Choose Button To Edit
Choose Button To Edit
6. Style buttons

You can customize three button styles. "Default style" is the style of the button that is not selected. "Active style" is the style of the button that is currently selected. "Hover style" is the style of the button when the user hovers over it with their mouse.

Style buttons
Style buttons
7. Customize font

Click here to customize the styles of the font.

Customize font
Customize font
8. Customize font

You can customize the alignment, font, size, line height, colour, shadow, padding and margin.

Customize font
Customize font
9. Customize background and box shadow

Below that, you can customize the background and box shadow. Repeat steps for the Active Style and the Hover Style.

Customize background and box shadow
Customize background and box shadow
10. Save your changes

Don't forget to save your changes.

Save your changes
Save your changes

You have successfully styled the buttons of your Slideshow