26. July 2015

Common Jimdo Support Issues

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

Small tweaks for the new Jimdo cookies message


/*** latest Jimdo cookies styles ***/
.cc-individual-cookie-settings {
    border: none!important;
    box-shadow: 0px 12px 24px 0px rgba(0, 0, 0, 0.08);
    
}
.cc-individual-cookie-settings .links a,button.toggle,.cc-individual-cookie-settings button,.cc-individual-cookie-settings h2,.cc-individual-cookie-settings p {
   font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif!important;
   outline:none;
}
.cc-individual-cookie-settings .btn.btn-primary {
    border:none!important;
}

.cc-individual-cookie-settings button.toggle span.fill {
    background-color: #666!important;
}

.cc-individual-cookie-settings.ui-dialog .cc-individual-cookie-settings-actions .btn-primary {
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
    background-color: #222!important;
}

/*** end latest Jimdo cookies styles ***/

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 Hero Title

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 of Widget/HTML module in content section

If you edit your hero title in red box and make some error in 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>

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

Tags: tutorials

Write a comment

Comments: 15

#1
Piombo Camille (Tuesday, 28 March 2017 19:41)

Hello,

Please, how create anchor ling on page ?

Thank
Camille
#2
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.
#3
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
#4
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.
#5
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!
#6
Serhiy (Tuesday, 03 October 2017 17:43)

@Peyman yes, it works fine
#7
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
#8
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)
#9
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/
#10
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
#11
Karlijn (Wednesday, 26 September 2018 15:12)

and can I replace the header with a full width slide just on one page?
#12
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?
#13
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/
#14
Camillus (Tuesday, 30 April 2019 10:36)

Hi, I updated my gallery but now it’s not visible anymore?
Thank you
#15
Serhiy (Tuesday, 30 April 2019 10:39)

@Camillus you're not using Matrix theme

Matrix themes Close

Documentation Quick setup Select a color Select a font Shortcodes Helper classes Updates Enterprise package Help Showcase Marketplace

Common Jimdo Support Issues

Correct Support email

How to transfer Matrix Theme

Make the backup first

Transfer to your official website

Hide Shopping Cart if Empty

Cookies message styles

Edit info box

Social Icons in header

How to Edit:

Edit Hero Image

Your website is blocked?

Edit Hero Title

Edit color link in footer

Support

Quick links

Get inspired

Common Jimdo Support Issues

Correct Support email

How to transfer Matrix Theme

Make the backup first

Transfer to your official website

Hide Shopping Cart if Empty

Cookies message styles

Edit info box

Social Icons in header

How to Edit:

Edit Hero Image

Your website is blocked?

Edit Hero Title

Edit color link in footer

Support

Quick links

Get inspired

Strictly necessary

Functional

Performance

Marketing / Third Party

Cookie Policy