Custom Text

To add this section, please follow below steps:

  1. From your Shopify admin, go to Online Store -> Themes.

  2. Find the theme that you want to edit, and then click Customize.

  3. Click Add section and choose "Custom Text".

Section settings

General

Settings
Meaning

Layout

Select the layout width of the whole section. The options are: Default (same as the body width), 1170px, 1770px, Full Width (the 100% of the viewport width).

Padding Container Full Width

Determine the left and right spacing of the Full Width layout.

Background Image

Select/Upload an image as the section background.

Spacing Top / Spacing Bottom on Desktop, Tablet, Mobile

Determine the spacing of the section from its top and bottom sections on Desktop, Tablet and Mobile separately.

Background Color

Apply Color on the background of the section.

Background Gradient

Apply Color on the background gradient of the section.

Background Image

Upload / Select an image as the section background.

Section

Settings
Meaning

Title

Enter the title for the section.

Title Color

Apply color on the section title.

Title Font Size

Specify the font size of the title.

Title Font Size Mobile

Specify the font size of the title on mobile.

Description

Enter the description for the section.

Description Color

Apply color on the section description.

Description Font Size

Determine the font size of section description.

Alignment

Select the alignment of the title and description to be either to the left, right or center.

Settings for blocks

Settings
Meaning

Select Menu Text

Select a menu to show its menu items as tags.

Grid Gap

Determine the gap between menu items.

Padding Vertical

Determine the top and bottom padding of the menu items.

Padding Horizontal

Determine the left and right padding of the menu items.

Border Radius

Specify the roundness of menu items' border.

Title Font Size

Determine the font size of menu item text.

Color - Border Color - Background Color - Background Gradient - Hover / Active Color - Hover / Active Border Color - Hover / Active Background Color - Hover / Active Background Gradient

Apply colors on the menu item text, background and border for both normal and hovered/clicked states.

Last updated

#437:

Change request updated