Marble Documentation
Contact usBigStart.io
  • Marble - Documentation
  • Global settings
    • Info
    • Color styles
    • Typography
    • Buttons
    • Global
    • Currency format
    • Cart
    • Products
    • Swatches
    • Social media
    • Favicon
    • Checkout
  • Global Features
    • Focal Points
    • Custom product badges
  • Global sections
    • Cookie banner
    • Newsletter popup
    • Announcement bar
    • Header
    • Product quick view
    • Footer
  • Content sections
    • Content sections
    • Common settings
    • Hero
    • Richtext
    • Featured products
    • Marquee
    • 70/30 Images with content
    • Image with text
    • Featured collections
    • Featured collection
    • Banner
    • Promo bar
    • Shop the look
    • Featured blog
    • USPs
    • Newsletter banner
    • 50/50 Image
    • 50/50 Text
    • Card Grid
    • Custom liquid
    • Featured product
    • Promo columns
    • Richtext with logos
    • Social feed
    • Testimonials
    • Video
    • Store
    • Masonry
    • Countdown offer section
    • Separator
    • Recently viewed
    • Image gallery
    • Products grid
    • Collage grid
  • Pages
    • Collections list
    • Collection page
    • Product page
    • Size guide page
    • Cart page
    • FAQ page
    • Contact page
    • Creating custom pages
    • Blog
Powered by GitBook
On this page
  • Height
  • Background
  • Image overlay
  • Text content
  1. Content sections

Banner

PreviousFeatured collectionNextPromo bar

Last updated 1 year ago

This section is usually used for highlighting special content, collections or products. It can be also used for promotions or any brand related info.

The main settings in the section are the ones listed with some additional ones listed below.

Height

Here you can pick the section height. The options are:

  • Extra large

  • Large

  • Medium

  • Compact

  • Small

  • Based on image height

For these we have set different ratios that can be used to achieve best results.

The only difference is the option Based on image height . If you pick this option - the height of the section will be based on the image height. The taller the image is - the taller the section will be.

Background

There are separate options for picking a desktop and mobile image. If only desktop image is picked - this image will be also shown on mobile. For mobile we suggest using more portrait oriented images.

Image overlay

In case you have white text over white background and the content is not very readable - you can easily add an overlay by adjusting its opacity and picking the overlay color.

Text content

The available options are:

  • show content background (will add a background around the content to make it more noticeable)

  • horizontal and vertical position (separate settings for desktop and mobile)

The content within the section is added through blocks where every block represents different item like: heading, subheading, body text and buttons.

With the blocks you can rearrange the content in a way that it best suits your needs.

Heading accent elements

In case you want to use highlight a text element in the headings you can use the Bold and Italic properties: . You can mark a word or a phrase and click one of these.

here