Common settings between all sections

Overview

To ensure consistency and enhance user experience, we maintain a consistent structure of settings across all sections. This approach not only saves considerable time and reduces unnecessary confusion but also helps users feel more comfortable with customizations, as the familiarity with similar settings boosts their confidence in modifying the theme.

Note

If you are facing challenges while setting up common settings for individual sections, please refer to the tables of settings below.

It will provide you with detailed explanations of each setting, offering step-by-step guidance to ease the process and resolve any uncertainties you may encounter.

Section header

Each section in our theme includes a section header that consists of a heading, subheading, text, and a button. Users have the flexibility to control the alignment of these elements to achieve various layouts for the section header.

Setting

Description

Subheading

Provide a brief introduction to the showcased section content.

Subheading size

Choose between small, medium, or large text size.

Heading

Define the main section title to grab user attention.

Heading size

Select small, medium, or large for the heading text.

Text

Engage users with additional context about the section.

Content alignment (desktop)

Choose Left, Center, or Right alignment for desktop view.

Content alignment (mobile)

Select Left, Center, or Right alignment for mobile view.

Button label

Specify the text displayed on the button. The button label should be clear and engaging, guiding users on the next action to take.

Button link

Define the link destination when the button is clicked. Prompt users to explore more content or navigate to a particular destination.

General layout and visibility

Each section in our theme enables users to individually show or hide sections based on different device sizes. Additionally, users can adjust the spacing between sections to enhance visual separation for a more polished look. Users also have the option to control the width of the container according to their preferences, providing flexibility in designing the layout.

Setting

Description

Show on desktop

Toggle to show or hide the section on desktop devices.

Show on mobile

Toggle to show or hide the section on mobile devices.

Top spacing on desktop

Adjust top spacing for desktop (in pixels).

Bottom spacing on desktop

Adjust bottom spacing for desktop (in pixels).

Top spacing on mobile

Adjust top spacing for mobile (in pixels).

Bottom spacing on mobile

Adjust top spacing for mobile (in pixels).

Container

Choose between Default, Wide, or Full container widths for the section.

Make rounded

Enable this setting to round the corners of the section for a softer, modern look. It adds a more visually appealing style.

Design and style

Each section in our theme features a divider to visually separate the sections. Users also have the ability to customize and adjust the colors of the section elements to personalize the look and feel of the website according to their preferences

Setting

Description

Color scheme

Select a scheme that aligns with your store's branding. Customize section background, heading, and text colors accordingly.

Note

Please keep in mind that these are not global theme settings, and need to be adjusted individually for each section.

Can't find what you're looking for?

Our support staff are here to answer your queries, so don't hesitate to write to us!