# Image with scroll content {% embed url="" %} {% hint style="info" %} **Recommendation Size**\ Image size: 1120x1079 {% endhint %}
SettingDescription
Layout

Customization of the "Layout" in this section is as follows:

  • Full width
  • Container
ImageImage
Use "Image" to add the main image to the section.
Image height

Customization of the "Image height" in the Image with scroll content section is as follows:

  • Adapt to image
  • Small
  • Medium
  • Large
Image position

The desktop Image customization section is as follows:

  • Left
  • Right
Desktop content position

Desktop content position customization of the text in the section is as follows:

  • Top
  • Middle
  • Bottom
Desktop content alignment

Customization of text alignment in desktop devices is as follows:

  • Left
  • Center
  • Right
Mobile content alignment

Customization of text alignment in mobile devices is as follows:

  • Left
  • Center
  • Right
Content color scheme

In this section, you can change the background and foreground color of a content using the color scheme.

  • Scheme 1
  • Scheme 2
  • Scheme 3
  • Scheme 4
  • Scheme 5
  • Scheme 6
  • Scheme 7
Color scheme

In this section, you can change the background and foreground color of a section using the color scheme.

  • Scheme 1
  • Scheme 2
  • Scheme 3
  • Scheme 4
  • Scheme 5
  • Scheme 6
  • Scheme 7
Animations

Customization of the "Image behavior" in the Image with scroll content section is as follows:

  • None
  • Ambient movement

By employing the Ambient movement feature, the image will exhibit motion.

## Add block To add blocks to the Image with scroll content section, click on the 'Add block'. There are many options available , as you can see in the below points and screenshot.
BlockDescription
Content

Caption

Text
Input the text to be displayed in this section.

Uppercase text
By enabling this checkbox, you have the ability to show uppercase text.

Size

Customization of the "Text size" in this section is as follows:

  • Small
  • Medium
  • Large

Style

Customization of the "Text style" in this section is as follows:

  • Light
  • Dark

Heading

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

Heading size

Following is the font size customization of the heading of the section:

  • Small
  • Medium
  • Large


Enable gradient color
Enabling this setting will display a gradient color for the heading text.

You can modify the foreground color in the color settings to change color of the heading text.

Description

Content
Enter text to display as a Content in the section.

Content size

Customization of the "Content sizee" in the Image with scroll content section is as follows:

  • Small
  • Medium
  • Large
  • Extra large


Button

Button label
Use "Button label" to add a label to the Button in the section.

Button link
Use "Button link" to add a link to the Button in the section.

Button style

Customization of the "Button style" in the Image with scroll content section is as follows:

  • Link
  • Outline
  • Solid
Icon with text

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

Size

Following is the font size customization of the heading of the section:

  • Small
  • Medium
  • Large


Enable gradient color
Enabling this setting will display a gradient color for the heading text.

You can modify the foreground color in the color settings to change color of the heading text.

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

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

Content
Enter text to display as a Content in the section.

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

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

Content
Enter text to display as a Content in the section.

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

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

Content
Enter text to display as a Content in the section.

Enable image radius
Enabling this setting will apply a border radius to the image.

Box background color
You can modify the background color in the 'Box background color' settings to change color of the content box.

Heading with text

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

Size

Following is the font size customization of the heading of the section:

  • Small
  • Medium
  • Large


Enable gradient color
Enabling this setting will display a gradient color for the heading text.

You can modify the foreground color in the color settings to change color of the heading text.

First
Text
Enter text to display as a title in the section.

Content
Enter text to display as a Content in the section.

Second
Text
Enter text to display as a title in the section.

Content
Enter text to display as a Content in the section.

Third
Text
Enter text to display as a title in the section.

Content
Enter text to display as a Content in the section.

Fourth
Text
Enter text to display as a title in the section.

Content
Enter text to display as a Content in the section.

Fifth
Text
Enter text to display as a title in the section.

Content
Enter text to display as a Content in the section.

Sixth
Text
Enter text to display as a title in the section.

Content
Enter text to display as a Content in the section.

Box background color
You can modify the background color in the 'Box background color' settings to change color of the content box.