SScale Themedocs
FR

Understanding the settings that apply to all sections of Scale Theme.

Global Settings

Every section in Scale Theme automatically inherits a set of global settings. These settings are common to all sections and enable consistent customization.

Color palette

Each section can use a different palette among those defined in the theme settings.

By alternating palettes between sections, you create visual contrast and guide the visitor's eye.

Container (width)

OptionDescriptionUsage
NarrowNarrow content (~800px)Text, articles, reading content
NormalStandard width (~1200px)General use, product grids
Full padded100% with marginsFull-width visual sections
Full100% without marginsBanners, sliders, full-width images

Spacing (padding)

Each section manages its spacing independently for mobile and desktop:

SettingRangeDefault
Padding top (mobile)0-100px36px
Padding bottom (mobile)0-100px36px
Padding top (desktop)0-100px60px
Padding bottom (desktop)0-100px60px

SVG separators

Decorative vector shapes at the top and/or bottom of a section. Each separator has its own settings:

Available shapes:

  • wave - Smooth wave
  • curve - Rounded curve
  • blob - Organic shape
  • scallop - Scalloped edge
  • arrow - Arrow
  • tilt - Tilt
  • slant - Diagonal
  • zigzag - Zigzag
  • brush - Brush stroke
  • torn - Torn paper
  • drip - Drip
  • fade - Fade
  • line - Simple line

Options per separator:

  • Size: small / medium / large / extra-large
  • Flip: Horizontal mirror
  • Overlap: Overlap percentage with the adjacent section
  • Color: Color choice from the palette

Background

Each section can have a custom background:

TypeDescription
NoneUses the palette color
ColorCustom solid color
GradientCustom gradient
ImageBackground image (desktop + mobile)
VideoBackground video (YouTube URL or file)

The Background cut option allows you to create a diagonal cut effect on the background.

Visibility

Hide a section on certain devices:

  • Hide on desktop: The section only appears on mobile
  • Hide on mobile: The section only appears on desktop
💡Use this option to create optimized versions of your sections. For example, a full-width slider on mobile and a grid on desktop.

Anchor ID

Assign a custom ID to a section to create anchor links. For example, if you set the ID to reviews, you can create a #reviews link in your menu to scroll directly to that section.

Animations

Each section can enable or disable scroll animations independently of the global settings. See Animations for more details.

PreviousTheme EditorNextBuild your homepage