Image gallery

The "Image gallery" section is provide by the Viola theme. This section is used to add a Image wise-banner with a title,description and button.

Setting
Description

Heading

Enter text to display as a heading in the section.

Heading size

Customization of the "Heading size" in the Image gallery section is as follows:

  • Small

  • Medium

  • Large

Heading alignment

Customization of the "Heading alignment" in the Image gallery section is as follows:

  • Left

  • Center

Image ratio

Customization of the "Image ratio" in the Image gallery section is as follows:

  • Adapt to image

  • Small

  • Medium

  • Large

Enable carousel on desktop

Use "Enable carousel on desktop" to show the slider carousel on the desktop screen.

Number of columns on desktop

"Number of columns on desktop" is to customize the column on the desktop screen. You can show a minimum of “1” and a maximum of “3” image.

Mobile Layout

Enable swipe on mobile The image slides when the checkbox is activated and the image does not slide when the checkbox is not active.

Text color

You can modify the text color in image gallery section.

Image overlay button color

Button label You can modify the button label color in image gallery section.

Button background You can modify the button background color in image gallery section.

Button border You can modify the button border color in image gallery section.

Button hover label You can modify the button hover label color in image gallery section.

Button background hover You can modify the button background hover color in image gallery section.

Button border hover You can modify the button border hover color in image gallery section.

Add image

To add image to the Image gallery section, click on the 'Add image gallery'. There are many options available , as you can see in the below points and screenshot.

Block
Description

Image

Use "Image" to add the image to the section.

Heading

Heading Enter text to display as a title in the section.

Buttons

Button label Use "Button label" to add a label to the Button in the section. Link URL Use "Link URL" to add a link to the Button in the section.

Last updated