Theme setup

TABLE OF CONTENTS

1 - ‣ Colors
2 - ‣ Fonts
3 - ‣ Buttons
4 - ‣ Simple blocks
5 - ‣ Advanced blocks
6 - ‣ Layout
7 - ‣ Header and navigation
8 - ‣ Footer
9 - ‣ Revisions
10 - Site identity : logo, favicon and tagline
a - Logos
b - Site title and tagline
c - Site icon or favicon

🔥

For every steps of your setup: don’t forget to save! At the bottom right of the screen, there is a button to save your work. Use it as often as you like.

💡

For all settings, small info bubbles tell you whether accessibility is respected and provide you with a number of details. Examples:

1 - Colors

In this tab, you can:

Add a new color

Name
palette, hexadecimal code, RGB or PSL
opacity selection
duplicate
delete

Edit an existing color (including duplicate and delete functions)

Change the order of colors

2 - Fonts

Fenêtre de paramétrage des typographies, avec aperçu à droite de l’écran

In this tab, you can:

Add a new font

Name
input field for testing and preview
font selection → dropdown with Google Font
size selection in pixels
font weight → dropdown
line height → dropdown / warning pour accessibilité
letter spacing → Tighter, Tight, Normal, Wide, Widest
italic activation
text transform → uppercase / lowercase
text decoration → underline / overline
color selection ((from the previously created palette)
delete

Edit an existing font (including duplicate and delete functions)

Change the order of created fonts

3 - Buttons

In this tab, you can:

Add a new button style

Name
transform into basic link
add a decoration element after the label
add padding → space around button
choose label font (warning: font must have been defined in the Fonts tab!)
label hover color
button border :

border radius
border width
border color
hover border color

button background :

background color
hover background color

choice of button animation on hover

Edit an existing button (including duplicate and delete functions)

Change the order of created buttons

4 - Simple blocks

There are 8 of these “simple” blocks, which are the most appropriate blocks when creating static content on a page.

How to configure simple blocks? Visit the link below to learn everything about simple blocks.

Simple blocks

5 - Advanced blocks

There are four of these blocks, and they are “dynamic”, meaning that they dynamically display content created elsewhere.

For example, news post, you will create them in a special tab called “Posts” on your dashboard. ou can then place the block on a page, and it will automatically display the selection of posts you’ve configured.

No need to copy them over multiple times!

How to configure advanced blocks? Visit the link below to learn everything about advanced blocks.

Advanced blocks

💡

Static Blocks (Simple Blocks): You configure their appearance here (colors, margins). The actual content will be entered directly on your individual pages.
Advanced Blocks (Dynamic Blocks): You configure their display layout here. The content is automatically pulled from your Posts, Events, or other specific tabs.

6 - Layout

By visiting the link below, you’ll learn more about the 404 page, the search page, and other Minos features that require configuration.

Layout

404 error page

A source of frustration or a snapshot of your site at a given moment, this is the page users are redirected to if:

the website fails to load
or if someone tries to access a page that does not exist on the website

It’s essential because it lets visitors know that the content they were looking for could not be found.

Its user-friendly configuration indicating the steps to follow (including a default redirection to the home page) is highly recommended.

Search page

You can add a search bar to the menu to help visitors find what they are looking for more easily. The search page lists different types of pages - a post, an event, a team member, or a page, allowing users to filter their search.

How can you change the background color of your general website? How can you add scripts for tracking, for example? How can you add a little decorative touch?

You’ll find the answers to these questions under the misc tab!

7 - Header and navigation

At the very top of your site, you’ll find the header. It consists of a menu (the navigation bar) and other elements (a CTA and/or a search field), helping visitors navigate your site.

The header needs to be well-structured, as it gives users an overview of the site’s content at a glance and allows them to easily find what they’re looking for.

By visiting the link below, you’ll learn how to set it up.

Header setup

8 - Footer

At the very bottom of your site, you’ll find the footer. It usually contains your contact information, social media links, and one or more menus — but it can also include logos, such as those of your partners.

By visiting the link below, you’ll learn how to set it up.

Footer setup

9 - Revisions

Think of revisions as a time machine for your site's design. If you don't like your new color changes, you can go back to yesterday's version with just one click.

Here you will find all versions and updates of your site's “stylistic” configuration, from the first time you configured it.

💡

Revisions here apply exclusively to the elements configured in the Minotaure tab: colors, typography, block layouts, display settings, element positioning, and so on. They do not cover content changes or the application of a layout to a block when editing a page.

If you’ve “lost” some content or if a page contains a block that doesn’t look the way you set it up, you’ll need to go directly to that page to make the correction.

For each of these revisions, you can

view the details

copy the values
export them

delete the revision
select the revision — meaning it will be the version restored on your site (if you select a revision from three weeks ago, your site will look exactly as it did three weeks ago)
import new revisions by entering code directly into the “import” box

🔥

Warning, it’s easy to get lost when working with revisions, especially when you start importing code. A handling error can make your site inaccessible. If you have any doubts or want to apply a specific revision, contact Spade’s support team before making any changes.

10 - Site identity : logo, favicon and tagline

By “site identity,” we mean more than just its domain name — it’s about its branding and the few words that will accompany it wherever it’s mentioned (in browser tabs, search results,…).

💡

The site identity is configured in the Appearance tab → Customize → Site Identity from the dashboard.

a - Logos

Click on “Change logo” and select the new logo you want from your site’s media library that opens.
Secondary logo (optional) → you can select a second version of the logo, for example to display it in the footer.

b - Site title and tagline

Enter your site title (for example : Minos)
Enter your site tagline (for example : a Minotaure theme)

💡

Managing two logos, one in the header/navigation bar and another in the footer, gives you greater flexibility depending on the color scheme of the theme and your logo. Depending on the background color of the navigation bars and footer, you can use an inverted (negative) version of your logo if needed. The colors of the footer elements (titles, lists, and background) are also customizable. Learn more about footer colors setup.

c - Site icon or favicon

The site icon, also called the favicon, is the small icon that represents your website in the browser tab and complements your visual identity. It appears on the far left of the address bar and on your browser tabs.

💡

Before selecting your favicon, edit the image to ensure it’s good resolution (we recommend a transparent PNG file of 512×512 pixels) and visually clear. t’s usually a reduced, square version of your logo that should be instantly recognizable and remain visible/readable even at a very small size!

Once these elements are set, click “Published” at the top right to save and see them appear on your site where they’ve been configured!

Go to General site settings →

Theme setup

TABLE OF CONTENTS

1 - ‣ Colors
2 - ‣ Fonts
3 - ‣ Buttons
4 - ‣ Simple blocks
5 - ‣ Advanced blocks
6 - ‣ Layout
7 - ‣ Header and navigation
8 - ‣ Footer
9 - ‣ Revisions
10 - Site identity : logo, favicon and tagline
a - Logos
b - Site title and tagline
c - Site icon or favicon

🔥

For every steps of your setup: don’t forget to save! At the bottom right of the screen, there is a button to save your work. Use it as often as you like.

💡

For all settings, small info bubbles tell you whether accessibility is respected and provide you with a number of details. Examples:

1 - Colors

In this tab, you can:

Add a new color

Name
palette, hexadecimal code, RGB or PSL
opacity selection
duplicate
delete

Edit an existing color (including duplicate and delete functions)

Change the order of colors

2 - Fonts

In this tab, you can:

Add a new font

Name
input field for testing and preview
font selection → dropdown with Google Font
size selection in pixels
font weight → dropdown
line height → dropdown / warning pour accessibilité
letter spacing → Tighter, Tight, Normal, Wide, Widest
italic activation
text transform → uppercase / lowercase
text decoration → underline / overline
color selection ((from the previously created palette)
delete

Edit an existing font (including duplicate and delete functions)

Change the order of created fonts

3 - Buttons

In this tab, you can:

Add a new button style

Name
transform into basic link
add a decoration element after the label
add padding → space around button
choose label font (warning: font must have been defined in the Fonts tab!)
label hover color
button border :

border radius
border width
border color
hover border color

button background :

background color
hover background color

choice of button animation on hover

Edit an existing button (including duplicate and delete functions)

Change the order of created buttons

4 - Simple blocks

There are 8 of these “simple” blocks, which are the most appropriate blocks when creating static content on a page.

How to configure simple blocks? Visit the link below to learn everything about simple blocks.

Simple blocks

5 - Advanced blocks

There are four of these blocks, and they are “dynamic”, meaning that they dynamically display content created elsewhere.

No need to copy them over multiple times!

How to configure advanced blocks? Visit the link below to learn everything about advanced blocks.

Advanced blocks

💡

Static Blocks (Simple Blocks): You configure their appearance here (colors, margins). The actual content will be entered directly on your individual pages.
Advanced Blocks (Dynamic Blocks): You configure their display layout here. The content is automatically pulled from your Posts, Events, or other specific tabs.

6 - Layout

By visiting the link below, you’ll learn more about the 404 page, the search page, and other Minos features that require configuration.

Layout

404 error page

A source of frustration or a snapshot of your site at a given moment, this is the page users are redirected to if:

the website fails to load
or if someone tries to access a page that does not exist on the website

It’s essential because it lets visitors know that the content they were looking for could not be found.

Its user-friendly configuration indicating the steps to follow (including a default redirection to the home page) is highly recommended.

Search page

How can you change the background color of your general website? How can you add scripts for tracking, for example? How can you add a little decorative touch?

You’ll find the answers to these questions under the misc tab!

7 - Header and navigation

At the very top of your site, you’ll find the header. It consists of a menu (the navigation bar) and other elements (a CTA and/or a search field), helping visitors navigate your site.

The header needs to be well-structured, as it gives users an overview of the site’s content at a glance and allows them to easily find what they’re looking for.

By visiting the link below, you’ll learn how to set it up.

Header setup

8 - Footer

By visiting the link below, you’ll learn how to set it up.

Footer setup

9 - Revisions

Think of revisions as a time machine for your site's design. If you don't like your new color changes, you can go back to yesterday's version with just one click.

Here you will find all versions and updates of your site's “stylistic” configuration, from the first time you configured it.

💡

If you’ve “lost” some content or if a page contains a block that doesn’t look the way you set it up, you’ll need to go directly to that page to make the correction.

For each of these revisions, you can

view the details

copy the values
export them

delete the revision
select the revision — meaning it will be the version restored on your site (if you select a revision from three weeks ago, your site will look exactly as it did three weeks ago)
import new revisions by entering code directly into the “import” box

🔥

10 - Site identity : logo, favicon and tagline

By “site identity,” we mean more than just its domain name — it’s about its branding and the few words that will accompany it wherever it’s mentioned (in browser tabs, search results,…).

💡

The site identity is configured in the Appearance tab → Customize → Site Identity from the dashboard.

a - Logos

Click on “Change logo” and select the new logo you want from your site’s media library that opens.
Secondary logo (optional) → you can select a second version of the logo, for example to display it in the footer.

b - Site title and tagline

Enter your site title (for example : Minos)
Enter your site tagline (for example : a Minotaure theme)

💡

c - Site icon or favicon

💡

Once these elements are set, click “Published” at the top right to save and see them appear on your site where they’ve been configured!

Go to General site settings →