Amber Documentation
  • Amber - Documentation
  • Global Settings
    • Info
    • Typography
    • Colors
    • Styles
    • Search Suggestion
    • Variants and Swatches
    • Product card
    • Breadcrumbs
    • Localization
    • Price
    • Social Media
    • Favicon
    • Cart
    • Animation
    • Checkout
  • Global Features
    • Focal Points
    • Custom product badges
  • Global Sections
    • Announcement bar
    • Header
    • Cookie banner
    • Newsletter popup
    • Product quick view
    • Size guide
  • Content Sections
    • Content sections
    • Common settings
    • Featured collections
    • Featured product
    • Image with text
    • Custom liquid
    • FAQ
    • Featured blog
    • Featured cards
    • Featured products
    • Hero slider
    • Image with products gallery
    • Image with text overlay
    • Logos
    • Media banner
    • Newsletter banner
    • Richtext
    • Shop the look
    • Shop the Look recommendations
    • Size guide
    • Social images
    • Testimonials
    • Marquee
  • Pages
    • Collections list
    • Collection page
    • Product page
    • Size guide page
    • Cart page
    • Contact page
    • Blog
Powered by GitBook
On this page
  • Colors
  • Section width
  • Buttons
  1. Content Sections

Common settings

PreviousContent sectionsNextFeatured collections

Last updated 1 year ago

Most of the content sections use some common settings. They're listed below with some additional information.

Colors

All sections have the option to overwrite the default background and text color settings.

In order to do this, you will first need to check the Overwrite colors checkbox. This will activate the color options from the screenshot above.

Section width

Many of the sections provide the option to span across the whole screen or be limited by a shell.

In order to make them full-width, you need to check the Enable full-width checkbox.

Depending on the section, there might be a slight padding on the left and right to make the section look even and aligned.

Buttons

Style

The buttons use 4 predefined styles. These styles are managed globally from the Colors settings.

Text

For every button, you can change the link and text (label).

Some sections have the option to outline the button on hover: