Page Layout

Presets

Fooder
Portfolied
Supermint
Business

Edit colors

This is only a small part of customizable colors present in supermint


Supermint use intensivly the built-in image block in different way. Discover how to play with custom templates and custom classes


Custom templates


  • Supermint Header
  • Supermint 2 Columns
  • Supermint Hover

Custom Classes


Smoked Classes add a subtle color overlay on image to fit exactly with your color sheme

  • black-smoked
  • primary-smoked
  • secondary-smoked
  • tertiary-smoked
  • quaternary-smoked
  • white-smoked

No Text class disable the displaying of Heading in image

  • no-text

Height Classes is used in Supermint Header to set the height of the banner. the value is relative to a percent of the display (80 = 80% of the browser view area)

  • height-80
  • height-50
  • height-30

Miscellaneous : into-columns is used when the Supermint Header template is placed in a area smaller than a full with container or if you want to see headline that take all the with of the image.

  • into-columns

Supermint Header

Below the Supermint Header custom template. This template support multiple Custom classes as smoked or height. It also use the file title and description (or from the block itself if filled) to display Headlines. This headline functionality can be disabled by adding no-text custom class.


Take a breath

You have the time


Supermint Header doesn't need to be placed in a full with area. It can also display image where you want in the page. The only thing is that the height is set relative to the screen and the image is cropped to fit the dimension and that you must set the class into-columns to set reset the width of the headline container.


Take a breath

You have the time

Supermint header with secondary-smoked class


Take a breath

You have the time

Supermint header with black-smoked class


Supermint header with white-smoked class and no-text class


Supermint 2 columns


Here the text is come from the "Alt.text" field in the image block. This template also support smoked class

Here the text is come from the "Alt.text" field in the image block. This template also support smoked class

Supermint Hover

This template follow the design line as Feature block. This template support Custom classes smoked.

Take a breath


You have the time

Take a breath


With a alternative description an a smoked black class

Supermint caption

This custom work exactly as the default template for the image block but with a caption. You can set it outside or inside the image, set the color (primary,..) and for inside, set if it will show only when over. All these settings can be set by Custom classes on the block.

#

Take a breath You have the time

#

Take a breath You have the time

#

Take a breath You have the time