Style A Page Element

Introduction

Page elements, the box that contains content such as images, buttons, videos, text blocks, stickers, and forms, can be styled with borders, backgrounds, and opacity adjustment.

Available on all plans.

Benefits

Styling a page element can greatly influence its overall impact on the page. Adding a shadow or border around your page element can draw more attention to a particular image or text box you wish to take priority over others.

Walkthrough

Here is a 2 minute video showing you how to style a page element.

Step-by-Step

Below is a walkthrough showing you how to style a page element.

Open your Simplebooklet in the EDIT tab.

Select or create a page element, such as an image, button, text block, or sticker you want to style.

Tap that page element once.

You'll find the Styles toolbar on the right.

Styling tools are separated into 3 sections. The first is Border, referring to styling the border that surrounds your page element:
COLOR - Here you can change the colour and transparency of your page element's border.
WIDTH - Refers to the border width.
RADIUS - This softens the edges of your page element.
SHADOW - Refers to creating a shadow around your page element, its intensity dependent on how far you push your slider.
Horizontal and Vertical - Are both sliders that can be adjusted to create a specialized drop shadow.

Next is Background, referring to the contents of your page element:
COLOR - Here you can change the color within the interior of your page element and its transparency.

And finally, Block impacts the entirety of your page element, contents and borders included.
OPACITY - Refers to changing the transparency of your entire page element.
PADDING - Is the space between your page element's contents, and its borders. Slide it to add more negative space between the two.

Tap the X button beside Styles to save and close your animation settings.

You've successfully styled your page element!

Updated on: 05/10/2021