Contact Us

Contact NextSky if you need further assistance.

Theme block - Text

You can customize the text alignment, font preset, color, and spacing to match your store’s design. The block inherits global typography and styling settings defined in the theme, ensuring visual consistency across your storefront.

Use the Text theme block to clearly convey information in a clean and flexible format.

General settings

SettingDescription
Color schemeSelect colors from Theme settings -> Colors.
Vertical alignment

3 options for the content alignment:

  • Top
  • Middle
  • Bottom
WidthCustomize the size of this block.
Content alignment

3 options for the content alignment:

  • Left
  • Center
  • Right
Padding inlineSetting left and right spacing for the text content.
* Note: Padding inline is automatically optimized for mobile.
Padding blockSetting top and bottom spacing for the text content.
* Note: Padding block is automatically optimized for mobile.

Block settings

Heading, Subheading, Description

SettingDescription
Heading, Subheading, DescriptionCustom title block
Width

The width of text block:

  • Fit: adapts to the text length.
  • Fill: stretches across the container width.
Typography - PresetChoose a preset style (font, size, weight) from Theme settings → Typography.
BackgroundToggle ON to enable a background area behind the text.
Background colorSelect the color for the text background.
* Note: Only appears when Background is enabled
Corner radiusAdjust the roundness of the background corners
* Note: Only appears when Background is enabled
Padding top/bottomAdjust these values to control the amount of space between the section's content and its outer edges.

Button

SettingDescription
Button labelCustomize button name, or leave it empty to hide the button
Button linkThe link URL you want to add
Type

The style of the button

  • Primary
  • Outline
  • Link
Open link in new tabOpen the link in a new browser tab
Spacing bottomSpacing between the button and the next component

Grid info

SettingDescription
HeadingDefine the heading of the block
DescriptionDefine the description of the block

Highlight text

SettingDescription
SubheadingCustom title block
SizeThe size of highlighted content
Select iconChoose the icon to show along with the highlighted content
Background colorSetting the background color
Text colorSetting the content color
UppercaseUppercasing the highlighted content
Spacing bottomSpacing between the highlighted content and the next component

Icon

SettingDescription
ImageSelect your desired image to display.
WidthSetting icon/image's width.
Svg iconYou can use one of our svg icons instead.
LinkSpecifies the destination URL or page that the icon will navigate to when clicked.
Open link in new tabOpen the link in a new browser tab
Mobile settings - WidthControls the width of the element when viewed on mobile devices.

Social icons

SettingDescription
Spacing bottomSpacing between the icon block and the next component

Comments

No comments yet

Looking for Help?
Get support from our team

If you can't find the answer you're looking for, our support team is here to help.