The logo image in the latest Matrix Themes can be changed with drag&drop tools, exactly the same way like in any default Jimdo template.
If you can't see the option to change the logo or you deleted the logo area by mistake, here's a detailed tutorial about how to restore it step by step:
01 Add a module
'Columns' to your footer section with only one column
02 Inside the column, add
a module 'Widget/HTML' with the following code:
03 Reload the page to see
the column in header section where you can add your logo using the module 'Photo'. Please don't forget to add a link to it of your homepage;)
Upload your own image with the name logo.png ( Design > Custom template > Files ).
Every new uploaded file will automatically overwrite the old one.
It is suggested to use an image with maximum width of 400px. However, you can customize the logo size by changing the helper class directly in HTML ( Design > Custom
template > HTML ):
<div class="hs-logo max-height-70">
<a href="/"><img src="logo.png" alt="Matrix theme" /></a>
Each Matrix theme includes 4 different brand colors which can be identified with the following classes:
Go to Design > custom template > CSS ( or click directly the Custom Layout in Matrix themes menu ) and on the top of CSS find the section "setting global
As alternative, you can use the command Ctrl+F (for Windows) or cmd+F ( for iOS) tap "brand colors".
You should find 2 blocks inside of it : brand backgrounds and brand links. So all you have to do is to add your own color in 2 positions and click the save
- The same color you add for your brand color should be applied also for the global link (menu> design> font settings).
- The main brand color can't be black (#000000) or white (#ffffff) otherwise you will have a conflict between other colors and backgrounds ( e.g. white link will be invisible on
the white background etc )
The advanced settings of all colors can be found in Matrix Themes menu> Select a color
01 Open this page and select the font you'd like to use for your own website
02 Select the font styles
03 Copy the first line and paste it to Edit Head (
Settings> Edit Head )
04 Copy the third line and paste it to CSS. Once
done, click the save button.
In admin menu, navigate Design> Font Settings and here you setup the following elements: