[Block] Slide

  1. Select the slideshow option from the theme editor.

  2. Click on Add block. Select Slide from Theme Block dropdown.

SettingDescription

Image

Set up an image.

Mobile image

Set up an image on mobile.

Content

SettingDescription

Content width

Determines the content width of the block. Can be from 400px to 1200px, in 10px arithmetic increments

Typography style

Select the Font Style from Font Heading or Font body. These two font families are specified in the Theme settings > Typography

Heading

Add text to display as a block heading (Leave the field blank to hide the heading)

Heading size

Font size of text:

  • Default

  • XX-Small

  • X-Small

  • Small

  • Medium

  • Large

  • X-Large

  • XX-Large

  • XXX-Large

Heading bottom margin

Determines the height of the bottom outside space of the heading. Can be from 0px to 100px, increasing arithmetically of 1px (pixel).

Subheading

Add text to display as a block subheading (Leave the field blank to hide the subheading)

Subheading size

Font size of text:

  • XX-Small

  • X-Small

  • Small

  • Medium

  • Large

  • X-Large

  • XX-Large

  • XXX-Large

Subheading bottom margin

Determines the height of the bottom outside space of the subheading. Can be from 0px to 100px, increasing arithmetically of 1px (pixel).

Desktop content position

Select desktop content position from the dropdown menu:

  • Top left

  • Top center

  • Top right

  • Middle left

  • Middle center

  • Middle right

  • Bottom left

  • Bottom center

  • Bottom right

(Position is automatically optimized for mobile. This setting applies to the position of the entrie content block)

Content alignment

Select the alignment of content from the dropdown menu:

  • Left

  • Center

  • Right

Use this setting to align your content

Image overlay opacity on hover

Determines the image overlay opacity on hover of the block. Can be from 0% to 100%, in 10% arithmetic increments

Background

Set the background color for image overlay opacity on hover

Button

SettingDescription

Primary button label

Add text to display as a button on the primary button (Leave the field blank to hide the link)

Primary button link

Set the link of the primary button, for example the customer service page

Secondary button label

Add text to display as a button on the secondary button (Leave the field blank to hide the link)

Secondary button link

Set the link of the secondary button, for example the customer service page

Choose button style

Select the style button from the dropdown menu:

  • Default

  • Transparent

Button space between

Determines the grid spacing between of button. Can be from 0px to 50px, increasing arithmetically of 1px (pixel) (Applies when there are 2 buttons)

Buttons direction

Select the direction of the button:

  • Vertical

  • Horizontal

Desktop block content padding

SettingDescription

Top/bottom padding

Determines the height of the top/bottom outside space of the block. Can be from 0px to 100px, increasing arithmetically of 1px (pixel).

Left/right padding

Determines the width of the top/bottom outside space of the block. Can be from 0px to 100px, increasing arithmetically of 1px (pixel).

Last updated