The updated post about the common issues you might have with Matrix themes.
* Last Updated: December 2020
You see this page probably because you sent a wrong email asking for a theme support.
For any help, theme support or just information regarding Matrix themes, I kindly ask you to use the correct form from the following pages:
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:
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.."
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 )
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>
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>
Hero Image can be edited in Design> Background.
You can select different image for each page of your website.
Advanced settings
To disable the hero section for specific page, you need to add
the body class 'no-hero' in Edit Head:
All body classes for Hero Image:
Deactivating the hero section 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.
A simple way to remove the filter is to use the body class 'no-hero-overlay'. However, you can also change the opacity class elements in HTML:
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. )
If the template includes hero image, you have a possibility to add a hero title to each page of your website.
There are 3 different styles in section Shortcodes and once copied your style, you paste it inside the Widget/HTML of content section
If you edit your hero title in red box and make some error in the code, the red box might disappear. If you can't see it anymore, you still will be able to find it on mouseover like shown below:
How to fix it:
once found the code of the hero title, you can delete it and add the new one from the shortcodes section.
The other way is to select the highlighted code block and replace and the end of the whole hero title code:
So, your code should finish with following block:
<div class="matrix-msg invisible">
Edit here your hero image
</div>
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
This kind of error appears in old templates installed in 2016 when you don't have the access to documentation and custom widgets shortcodes
Go to Design> Custom Template> HTML and find the section of Matrix Themes menu:
<!-- ************* Vimeo Popup ************* -->
<div class="invisibleh">
<a class="popup-vimeo" href="http://www.matrix-themes.com/support/documentation/" title="">Documentation</a><br/>
<br/>
<a class="popup-vimeo" href="http://www.matrix-themes.com/support/quick-setup/" title="">Quick setup</a><br/>
<br/>
<a class="popup-vimeo" href="http://brand-colors.com/" title="">Select a color</a><br/>
<br/>
<a class="popup-vimeo" href="http://fontcdn.org/" title="">Select a font</a><br/>
<br/>
<a class="popup-vimeo" href="http://www.matrix-themes.com/support/shortcodes/" title="">Shortcodes</a><br/>
<br/>
<a class="popup-vimeo" href="http://www.matrix-themes.com/support/helper-classes/" title="">Helper classes</a><br/>
<br/>
<a class="popup-vimeo" href="http://www.matrix-themes.com/support/updates" title="">Updates</a><br/>
<br/>
<a class="popup-vimeo" href="http://www.matrix-themes.com/support/help/" title="">Help</a><br/>
<br/>
</div>
<!-- ************* End Vimeo Popup ************* -->
All you have to do is to change the URL from
http://www.matrix-themes.com/support/documentation/ to
https://www.matrix-themes.com/support/documentation/ and so on
<!-- ************* Vimeo Popup ************* -->
<div class="invisibleh">
<a class="popup-vimeo" href="https://www.matrix-themes.com/support/documentation/" title="">Documentation</a><br/>
<br/>
<a class="popup-vimeo" href="https://www.matrix-themes.com/support/quick-setup/" title="">Quick setup</a><br/>
<br/>
<a class="popup-vimeo" href="https://brand-colors.com/" title="">Select a color</a><br/>
<br/>
<a class="popup-vimeo" href="https://fontcdn.org/" title="">Select a font</a><br/>
<br/>
<a class="popup-vimeo" href="https://www.matrix-themes.com/support/shortcodes/" title="">Shortcodes</a><br/>
<br/>
<a class="popup-vimeo" href="https://www.matrix-themes.com/support/helper-classes/" title="">Helper classes</a><br/>
<br/>
<a class="popup-vimeo" href="https://www.matrix-themes.com/support/updates" title="">Updates</a><br/>
<br/>
<a class="popup-vimeo" href="https://www.matrix-themes.com/support/help/" title="">Help</a><br/>
<br/>
</div>
<!-- ************* End Vimeo Popup ************* -->
Note:
This change has been made in 2016 which means that even if you solve the problem with the menu access, you won't be able to use the latest Matrix Themes features so I strongly recommend you to update the whole template
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
Alejandro (Monday, 27 July 2020 00:56)
Hallo,
kann ich all die styles und was ihr sonst so bietet auch ohne eure Matrix themes verwenden? Ich möchte gerne das standard Jimdo theme CAPETOWN nutzen und eben darauf alles umsetzen, ist das möglich beim Kauf eures Angebots?
Matrix themes (Monday, 27 July 2020 07:49)
@Alejandro no, the Matrix themes can be used only as a custom layout. To use the same widgets in standard Jimdo template, I suggest you to check the Zodiac framework:
https://www.zodiac-framework.com/getting-started/