Install #1 Page Builder App for FREE and get deal 6 months of Standard Plan. Hurry up! See Detail  

Header background

How to config Design options on all general sections?

Annie

Written by Annie

Last updated

930 views

On this page


Design options allow you to config the Layout, Background and Margin/Padding for the particular section. This option is available on all general sections on all pages like Featured Collection, Slideshow, Banner Custom, etc... Footer and Bottom bar sections too.

In this document, I take the screenshots and videos with Featured Collection, but it will be the same for other sections.

Click on the section you want to config, scroll down at the bottom and you will see DESIGN OPTIONS

1.gif

1. Layout

You can choose between Container, Fullwidth and Wrapped container.

Please check this video to config the layout option:

2. Background

Change the background color/background gradient/background image for this section.

3. Margin, Padding

The margin is for config the spacing between this section and other sections. The padding to config spacing between the content and the container.

You can adjust it for desktop, tablet and mobile devices. Please check the video below for details.

You can enter the value "0px" if you want to have no spacing for that position. For example below is for margin-bottom: 0px

2023-11-01_11-18-41.gif

[Private Offer] EComposer Partner Plan

ecomposer.jpg
Exclusively for The4 users, when you bougth any theme from us, you can get Ecomposer - Theme Partner Plan for ZERO and start making beautiful, high-converting store pages today:

  • FREE 100% EComposer Standard plan for 6 months (save you $114)
  • Build ANY Shopify pages: Landing page, Sale Funnel page, Lead pages, & other custom pages tailored for your marketing campaigns.
  • Create advanced sections & add to your theme with ease
  • 100+ professtional, stunning designer-made templates
  • Build pages with a love drag-drop editor, no coding required

How to claim offer. Install EComposer HERE. Then open chatbox icon in EComposer dashboard and leave a message with subject "Theme name+EComposer" to upgrade for free

Ecomposer1.jpg
Cheers, The4.

We highly recommend Shopify apps from our partners.

We uses cookies to ensure you get the best experience on our website.