The updated post about very common issues you might have with Matrix themes which can be solved quickly and easily.
* Updated September 2019
Correct Support email
If you need any help, support or just information about purchased theme, you need to fill out the form from support page. If you used the same email of purchase or support of your previous issues, it will end up in a spam folder and probably you won't receive any answer.
Go to support page
How to transfer Matrix Theme
If you asked the installation of Matrix theme on your test Jimdo website, here's a quick guide about how to transfer it to your main website:
Make the backup first
1) Copy the HTML code using a simple text editor (designs> custom template> html)
2) Copy the CSS code using a simple text editor (designs> custom template> html)
3) Copy the links you will find in Edit HEAD section (settings> edit HEAD)
4) Save all files on your computer. Go to designs > custom template> files. Clicking the file name, it will be opened in a new tab of your browser. With the right mouse click, select "save file as.."
Transfer to your official website
1) Upload all files ( designs>custom template>files )
2) Paste the HTML ( designs>custom template>html )
3) Paste the CSS styles ( designs>custom template>css )
4) Click the save button to save all changes
5) Add the links to Edit HEAD area ( settings>Edit HEAD )
6) Disable the Jimdo mobile version ( settings>mobile view )
Hide Shopping Cart if Empty
If you're not using online store and want to hide the shopping cart, simply add the class 'no-icon' to 'sc-wrapper' directly in HTML ( design>custom template>HTML)
<div class="sc-wrapper no-icon">
<var>shoppingcart</var>
</div>
Cookies message styles
If you're not using the latest version of Matrix themes, you might need to update the new styles of cookies message. All you have to do is to copy the below code and replace the previous styles in CSS or add it at the end of your CSS folder:
/*** cookies message ***/
#cc-cookie-law-headline {
font-weight:500;
font-size:13px;
}
#cc-cookie-law-button-group {
padding-bottom:10px;
display: flex;
}
#cc-cookie-law-text {
margin-bottom:10px!important;
}
#cc-cookie-law-headline, #cc-cookie-law-text a {
color: #fff!important;
}
#cc-inner {
padding:0!important;
}
.cc-page #cc-cookie-law {
padding: 5px;
vertical-align: middle;
text-align: left;
font-size: 11px;
line-height: 120%;
border-bottom:none;
background: #000!important;
color: #cdcfd3!important;
position: flex;
bottom:0;
top:auto;
}
.cc-page #cc-cookie-law-button,.cc-page #cc-cookie-law-button:last-child {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 1px;
}
#cc-cookie-law-button {
width:inherit!important;
}
.cc-page .cc-btn-icon span {
display:none;
}
.cc-page #cc-cookie-law-button a.cc-btn.cc-btn-icon.btn-tick,#cc-cookie-law-button a {
display: block;
margin:1px;
width: 100%;
box-sizing: border-box;
font-family: inherit;
box-shadow: none;
text-align:center;
border: none;
border-radius: 0;
line-height: 120%;
font-size: 13px;
text-shadow: none;
background-color: #222!important;
color: #fff!important;
padding: 8px 10px;
-webkit-border-radius: 1px;
border-radius: 1px;
}
.cc-page #cc-cookie-law-button a.cc-btn.cc-btn-icon.btn-tick,.cc-btn.green{
background:#f1d600!important;
color:#000!important
}
/*** end cookies message ***/
Edit info box
Some of Matrix Themes include the info box above the header. You can edit this section directly in HTML ( design>Custom template>HTML ):
<div class="fa fa-mobile">
</div>
(+46) 432‑582-02,
<div class="fa fa-envelope">
</div>
<a href="mailto:office@mail.se">office@mail.se</a>
Social Icons in header
Some of the Matrix Themes include "Magic Area". This is a special section, placed usually in header, where you add social icons or external button
How to Edit:
You can add your social icons to footer section and adding the class 'hs-magic" your widget will be displayed in header ( you need to relaod the page)
When the icons will be displayed in header, to edit again the widget, you will find it in the same position in footer on mouse hover. Just click on this section and edit it.
Edit Hero Image
Hero Image can be edited in Design>Background.
You can select different image for each page of your website.
Advanced settings
To disable the Jimdo Awesome backgrounds ( JAB) for specific page, you need to add
the body class 'no-hero' to Edit Head section:
All body classes for Hero Image:
- no-hero - deactivate JAB for specific page
- main-page - display the same image size as in homepage
- no-global-hero - deactivate JAB in all pages except the homepage
- has-global-hero - activate JAB for specific page ( in some themes it's deactivated by default)
- no-hero-overlay - remove the overlay filter
Deactivating JAB from the whole website
In this case the body class 'no-hero' should be placed directly in HTML like shown below:
<div class="global-colors brand-bg brand-link has-custom-text large-inner no-hero">
...
Overlay filter
The hero image has the overlay filter in order to make the caption or website navigation well visible.
The simple way to remove the filter is to use the body class 'no-hero-overlay'. However, you can change the opacity class elements directly in HTML:
- opacity-2
- opacity-4
- opacity-6
- opacity-8
Your website is blocked?
Recently Jimdo started blocking the new websites of free account( This is due to a technical error). If it happened to your own website, - just send an email to official Jimdo support asking to unblock it. Usually, you will get the answer in 24h. That's why I recommend as the first thing is to save the original source files ( HTML, CSS, files and links in Edit Head area. )
Contact Jimdo support
If you're owner of Pro /Business package and one of your new Jimdo free website is not available, you can contact Jimdo support from Admin menu> Questions
Edit color link in footer
To set up the color of global links in content and footer section, just go to Design>Font Settings and change the color of Link/Navigation.
In this section you can also change the Headings size/color and style of horizontal line
STAND OUT WITH A PROFESSIONAL JIMDO WEBSITE
Write a comment
Piombo Camille (Tuesday, 28 March 2017 19:41)
Hello,
Please, how create anchor ling on page ?
Thank
Camille
john (Friday, 02 June 2017 05:50)
If your brand color is hardy visible on the dark background of footer or other section, you can solve this problem with helper classes.
Thorsten Nathan (Thursday, 24 August 2017 12:59)
Hi,
I'm using the Bergen Theme and added a parallax header to each content site. I managed to upload my own picture and change the css file-name. In the preview on the laptop everything looks just fine. If I change to a mobile device (iPhone) I DON'T see any picture, just the overlay (info). How is that possible? How can I change it, so my picture appears on every device.
Thanks for your help!
Best regards
Thorsten
Serhiy (Thursday, 24 August 2017 13:07)
@Thorsten the parallax from section 'shortcodes' is displayed in all devices including tablet and mobile.
If you're using the smooth parallax from Enterprise package, the image is hidden in mobile devices, so you will have the overlay color instead of the image. It is also explained above the code in Enterprise package.
Peyman (Monday, 02 October 2017 22:20)
Hi, funktioniert deine Neue Theme für Jimdo (Hafen) auch mit Plugsin von Powr.io ? ich freue mich für deine Rückmeldung!
Serhiy (Tuesday, 03 October 2017 17:43)
@Peyman yes, it works fine
claudia (Sunday, 18 February 2018 14:46)
Ich möchte mir das Business Theme zulegen. Vorher will ich aber wissen ob ich dann auch die tolle Kommentarsektion dabei habe. Die Kommentarsektion von Jimdo ist nämlich schlecht, weil ich da keine Antwort auf ein Kommentar geben kann.
Liebe Grüße
Claudia
Karl (Tuesday, 15 May 2018 18:08)
how can I lengthen my parallax image so that it has the same width of the page (such as the header image)
Serhiy (Friday, 18 May 2018 13:19)
@Karl the parallax widget is fullwidth by default even though in admin mode you can't see it.
If you have a problem with your Matrix theme, please contact support service:
https://www.matrix-themes.com/support/
Karlijn (Wednesday, 26 September 2018 14:54)
Hi
Is there any other way of uploading bigger image files.? With some of the widgets my image ends up being tiny...??
thanks
Karlijn (Wednesday, 26 September 2018 15:12)
and can I replace the header with a full width slide just on one page?
Raima (Saturday, 02 February 2019 12:25)
I have question how add to cart in a button? I want to add the add to cart button to a single button without using the store item. There is some option for that?
Another question I put all images in the hs-slider-fullwidth but when the slider moves to the second image they all appear in white, and only view one image. How I fix it?
Serhiy (Saturday, 02 February 2019 12:49)
@Raima
Please fill out the form from support page indicating all details:
https://www.matrix-themes.com/support/
Camillus (Tuesday, 30 April 2019 10:36)
Hi, I updated my gallery but now it’s not visible anymore?
Thank you
Serhiy (Tuesday, 30 April 2019 10:39)
@Camillus you're not using Matrix theme