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 Force.

Layout

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

Body background subsection name speaks for itself. Here you specify body background for page. Remember: body’s background is covered by page wrapper and it’s not visible. You need to limit max-width for Page wrapper to be able to see body background.

With Content wrapper subsection you can limit width of page content.

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

Argento Layout Structure

Check slider on top of the page to see how this config section looks like.

Argento Force Header

Default Force header is above. Be creative. Find color palette that suits best for your business and customize your store page header.

You can see options of footer section config in slider on top of the page. This section allows you to change background, colors and newsletter subscrition form.

Default look of the footer you can find below.

Argento Force Footer

Buttons

You can customize primary and secondary buttons colors in this section.

Force theme has unique styles for “Add to Cart” button. Theme editor has dedicated subsection to customize its colors.

Fonts and Colors

Here you can change font and color for page titles and block titles. As well as color of final price at product page.

Additional css styles

Use this section to apply some advancing styling.

Example

Below you can find example of theme customization.

Default colors Customized
Default Custom
Next up
Edit this Page