In Matrix Themes, you can use the Image Alt Text along with custom classes for further customization of predefined Jimdo elements.
Here's how it works:
Adding custom classes as alternative text for images will apply the same class name to its parent element.
For example, if you want to apply the classes only to the image, simply add an image to the columns module and include one of the preset classes.
Adding the Alt Text class to the standalone image module (not inside the columns) will be applied to the parent div of the image.
Custom caption
has-promo-tag
Photo Shapes
Multiple classes
is-mid-roundedcc-box add-20 wow animate__fadeInUp
is-mid-rounded anim-up-down has-promo-tag
is-fullwidth has-overlayhas-center-caption
Nulla porta dolor. Curabitur a felis in nunc fringilla tristique. Nunc interdum lacus sit amet orci. Cras dapibus.
Fusce vulputate eleifend sapien. Cras risus ipsum, faucibus ut, ullamcorper id, varius ac, leo. Fusce a quam. Aenean tellus metus, bibendum sed, posuere ac, mattis non, nunc.
is-overlay
Nulla porta dolor. Curabitur a felis in nunc fringilla tristique. Nunc interdum lacus sit amet orci. Cras dapibus.
Fusce vulputate eleifend sapien. Cras risus ipsum, faucibus ut, ullamcorper id, varius ac, leo. Fusce a quam. Aenean tellus metus, bibendum sed, posuere ac, mattis non, nunc.
is-overlayis-white
Donec elit libero, sodales nec, volutpat a, suscipit non, turpis. Etiam ut purus mattis mauris sodales aliquam. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer ante arcu, accumsan a, consectetuer eget, posuere ut, mauris.
is-overlayis-whitehas-paddingis-fullwidth
Resources
Documentation
Quick links
| bg-primary | |
| bg-primary-light | |
| bg-primary-dark | |
| bg-secondary | |
| bg-secondary-dark |
| body | |
| top-header | |
| top-header-inner | |
| header | |
| header-inner | |
| navigation-inner | |
| navigation color | |
| dropdown background color | |
| content |
| background | |
| text color | |
| link color | |
| horizontal line |
| style 1 | |
| style 2 | |
| style 3 | |
| text color |
| background color | |
| navigation color |
| social icons | |
| top header border | |
| header border | |
| nav inner border |
| Template configurations | |
|
|
| Top header inner | |
| Header inner | |
| Navigation inner | |
| Navigation styles | |
| size-15 weight-400 snip-nav --line01 | |
| Sub-menu (breadcrumbs) styles | |
| size-15 | |
| Mobile Navigation styles | |
| size-30 | |
| Content styles | |
| form-white | |
| Footer styles | |
| o-form color-white | |
| Footer background image | |
|
Typography |
|
| Heading H1 | |
| weight-400 | |
| Heading H2 | |
| weight-400 | |
| Heading H3 | |
| weight-400 | |
| Buttons | |
| weight-400 | |
| Advanced settings | |
| Custom CSS | |
|
#cc-inner .my-class { color:#f0f0f0; }
|
Note: All changes made here will be applied to your entire website.