SwissUpLabs Logo

Theme Editor

Theme editor provides a quick way to change Argento styles with minimum css knowledge.

Theme editor is located at Magento Admin > Stores > Configuration > Swissup Themes Editor > Argento Flat.

Contents

  1. Layout
  2. Header
  3. Footer
  4. Product Tabs
  5. Buttons
  6. Fonts
  7. Additional css styles
  8. Result examples

Looking for jumbotron customization? It’s over here.

Layout

Layout section allows you to apply boxed, full-width or standard page layouts from backend settings interface.

There are three options available to configure:

Option Default Value Description
Body background #fff Body backgorund
Page wrapper width none Page width around content
Content wrapper width 1280px Content width

Take at look at the picture below with highlighted layout regions:

Argento Flat Layout Structure

  1. Body’s background.

    Body’s background is covered by page wrapper and it’s not visible by default.

    Set the ‘Page wrapper’ max-width (1280px for example) to reveal body background.

  2. Boxed Layout

    Set the ‘Page wrapper’ max-width (1280px for example) to enable boxed layout

  3. Full-Width Layout

    Set the ‘Page wrapper’ and ‘Content wrapper’ max-width’s to 100%

  4. Default Layout

    Set the ‘Page wrapper’ max-width to 100%

    Set the ‘Content wrapper’ max-width to 1280px

Header section allows to customize top toolbar, header padding, shadow and navigation styles.

Argento Flat Header Structure

Footer section allows to customize top toolbar, content and bottom toolbar parts.

Argento Flat Footer Structure

Product Tabs

Tabs section allows you to customize border, background and fonts for product tabs.

Product tabs

Buttons

Customize primary and secondary buttons colors.

Primary button

Fonts

Fonts section allows you to customize styles for page headers, block titles, and product name in category listing.

Product name font

Additional css styles

Use this section to add any other specific styles.

Result examples

Next up
Edit this Page