Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Please check a full list of custom widgets available in Matrix themes. Fullwidth image sliders, carousel, quote teasers, tabs, toggles, animated elements and much more.
Unleash your creativity and enjoy endless possibilities with Matrix theme!
Custøm Widgets
Matrix themes
Edit here your slider caption
Widget/HTML
For most of custom widgets you need to use Jimdo module Widget/HTML. In documentation page can be found a section Shortcodes with all custom widgets available in selected template
How to use
Each custom element has a screenshot image and code. You need to copy the code and paste it to your website using the module Widget/HTML. The copy button will facilitate your work:
<!-- ************* Default content teaser ************* -->
<div class="content-teaser cc-clearover">
<div class="hs-left">
<h2>Awesome Jimdo templates for your website</h2>
<p>Premium Jimdo Theme coupled with advanced functionality and awesome support</p>
</div>
<div class="hs-right"><a class="hs-button" href="https://www.matrix-themes.com/" target="">learn more</a></div>
</div>
Full list of custom widgets
No matter whether you're using Professional or Advanced package. The below list of widgets is available in each theme:
last updated: May 2017
Image slideshow
Available in 3 versions: fullwidth and 2 styles with content version
right caption
Quisque velit nisi, pretium ut lacini
left caption
Quisque velit nisi, pretium ut lacini
Caption with links
Quisque Your custom title velit nisi, pretium ut lacini
Content teaser
Unlimited colors and different styles
Quote teaser
Vestibulum ac diam sit amet quam vehicula elemeivamus magna justo, lacinia eget consectetur sed, convallis at tellus.
(Elemeivamus)
Cloud tags
Overlay teasers
Popup with video or map
Open YouTube video
This is an example text, simply click to edit or delete it. Delete example content by clicking on it and using the trash icon on the left.
Open Google Map
This is an example text, simply click to edit or delete it. Delete example content by clicking on it and using the trash icon on the left.
Social icons
Pricing tables
€ 60,00
Professional package
- Lorem ipsum dolor sit amet
- Lorem ipsum dolor sit amet
- Lorem ipsum dolor sit amet
- Lorem ipsum dolor sit amet
- Lorem ipsum dolor sit amet
Custom button
€ 90,00
Enterprise package
- Lorem ipsum dolor sit amet
- Lorem ipsum dolor sit amet
- Lorem ipsum dolor sit amet
- Lorem ipsum dolor sit amet
- Lorem ipsum dolor sit amet
Custom button
Tabs
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Toggles
Tile widget
Your title
Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem.
Fullwidth color sections
Nulla porttitor accumsan tincidunt. Quisque velit nisi, pretium ut lacinia in, elementum id enim. Nulla quis lorem ut libero malesuada feugiat. Curabitur non nulla sit amet nisl tempus convallis quis ac lectus. Nulla porttitor accumsan tincidunt. Pellentesque in ipsum id orci porta dapibus. Vivamus suscipit tortor eget felis porttitor volutpat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ultricies ligula sed magna dictum porta. Donec sollicitudin molestie malesuada. Nulla porttitor accumsan tincidunt
Nulla porttitor accumsan tincidunt. Quisque velit nisi, pretium ut lacinia in, elementum id enim. Nulla quis lorem ut libero malesuada feugiat. Curabitur non nulla sit amet nisl tempus convallis quis ac lectus. Nulla porttitor accumsan tincidunt. Pellentesque in ipsum id orci porta dapibus. Vivamus suscipit tortor eget felis porttitor volutpat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ultricies ligula sed magna dictum porta. Donec sollicitudin molestie malesuada. Nulla porttitor accumsan tincidunt
Parallax
This a parallax image
Nulla porttitor accumsan tincidunt. Quisque velit nisi, pretium ut lacinia in, elementum id enim. Nulla quis lorem ut libero malesuada feugiat. Curabitur non nulla sit amet nisl tempus convallis quis ac lectus. Nulla porttitor accumsan tincidunt. Pellentesque in ipsum id orci porta dapibus. Vivamus suscipit tortor eget felis porttitor volutpat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ultricies ligula sed magna dictum porta. Donec sollicitudin molestie malesuada. Nulla porttitor accumsan tincidunt
One Half
This is your heading
Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui. Cras ultricies ligula sed magna dictum porta. Nulla quis lorem ut libero malesuada feugiat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec velit neque, auctor sit amet aliquam vel, ullamcorper sit amet ligula. Nulla quis lorem ut libero malesuada feugiat. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi. Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem. Donec rutrum congue leo eget malesuada.
This is your heading
Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui. Cras ultricies ligula sed magna dictum porta. Nulla quis lorem ut libero malesuada feugiat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec velit neque, auctor sit amet aliquam vel, ullamcorper sit amet ligula. Nulla quis lorem ut libero malesuada feugiat. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi. Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem. Donec rutrum congue leo eget malesuada.
One third
One fourth
Font awesome
Skills widget
HTML
HTML
Custom line
GET INSPIRED
hide-in-doc-page
draggable-logo
Main colors
| bg-primary | |
| bg-primary-light | |
| bg-primary-dark | |
| bg-secondary | |
| bg-secondary-dark |
Template sections
| body | |
| top-header | |
| header | |
| content |
Footer Styles
| background | |
| text color | |
| link color | |
| horizontal line |
Buttons
| style 1 | |
| style 2 | |
| style 3 |
Other elements
| social icons | |
| navigation color | |
| subnav background |
Mobile navigation
| background color | |
| navigation color |
Template configurations
| has-center-nav g-font |
navigation styles
| size-15 weight-400 snip-nav is-uppercase --line01 |
content styles
| form-white |
footer styles
| o-form color-white |
Typography
Heading H1
| weight-600 is-uppercase |
Heading H2
| weight-600 is-uppercase |
Heading H3
| weight-600 is-uppercase |
Buttons
| weight-600 is-uppercase |
Animations
| none |
Note: All changes made here will be applied to your entire website.
is-switcher admin-only
MATRIX THEMES
STAND OUT WITH A PROFESSIONAL JIMDO WEBSITE
Write a comment
Alessandro Spanu (Thursday, 06 August 2015 00:52)
Can you please describe how to implement a horizontal bar (which can be implemented on each single page) like the yellow one on the bottom of the matrix themes website?
And how can the quote bar be shown as fullwidth, using the shortcode it is only until the content space.
Thank you
Serhiy (Thursday, 06 August 2015 20:43)
Hello Alessandro,
I've just sent you an email with all instructions. The detailed tutorial about fullwidth background sections can be found in documentation page ( section "shortcodes" )
Tobias (Wednesday, 14 October 2015 14:50)
Hello Serhiy,
I would like to add links above the info part on to of the page and highligth them with a horizontal bar. Like the one that can be found here on the top of the page http://www.vbi.de/. Do I find a class in your layuot that I can customize to fit my purpose?
Best wishes,
Tobias
Serhiy (Thursday, 15 October 2015 19:23)
Hi Tobias,
the information line can be added only in certain themes at the moment. Probably I'll add this feature to every template
Tobias (Friday, 16 October 2015 14:56)
That would be really cool :)
Let me know.
Best wishes,
Tobias