The combination of columns with simple image and Widget/HTML placed inside of the same column.
You can use one or more columns.
banner 1
Your custom title
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. The plus icon lists all of the elements you can use to add content to your website
Custom button
Your custom title
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. The plus icon lists all of the elements you can use to add content to your website
Custom button
<div class="hs-description left-align pull-top-10">
<h3>
Your custom title
</h3>
<p>
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. The plus icon lists all of the elements you can use
to add content to your website
</p>
<br />
<a class="hs-button small-btn" href="http://www.matrix-themes.com/purchase" target="">Custom button</a>
</div>
Banner 2
Your custom title
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. The plus icon lists all of the elements you can use to add content to your website
Custom button
Your custom title
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. The plus icon lists all of the elements you can use to add content to your website
Custom button
<div class="hs-description left-align bg-dark color-white pull-top-20">
<h3>
Your custom title
</h3>
<p>
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. The plus icon lists all of the elements you can use
to add content to your website
</p>
<br />
<a class="hs-button small-btn" href="http://www.matrix-themes.com/purchase" target="">Custom button</a>
</div>
Banner 3
Your custom title
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. The plus icon lists all of the elements you can use to add content to your website
Custom button
Your custom title
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. The plus icon lists all of the elements you can use to add content to your website
Custom button
<div class="hs-description left-align bg-transparent pull-top-10" style="border:1px solid #ccc;border-top:none;">
<h3>
Your custom title
</h3>
<p>
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. The plus icon lists all of the elements you can use
to add content to your website
</p>
<br />
<a class="hs-button small-btn" href="http://www.matrix-themes.com/purchase" target="">Custom button</a>
</div>
Banner 4
<div class="m-banner hs-description left-align m-banner bg-dark color-white col-6 cc-box" style="position:absolute;bottom:0; left:-5px;">
<h3>
Your custom title
</h3>
<p>
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. The plus icon lists all of the elements you can use
to add content to your website
</p>
<br />
<a class="hs-button small-btn" href="http://www.matrix-themes.com/purchase" target="">Custom button</a>
</div>
Banner 5
<div class="m-banner hs-description left-align bg-white has-shadow col-6 cc-box" style="position:absolute;bottom:0; right:-5px;">
<h3>
Your custom title
</h3>
<p>
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. The plus icon lists all of the elements you can use
to add content to your website
</p>
<br />
<a class="hs-button small-btn" href="http://www.matrix-themes.com/purchase" target="">Custom button</a>
</div>
Quick links
| bg-primary | |
| bg-primary-light | |
| bg-primary-dark | |
| bg-secondary | |
| bg-secondary-dark |
| body | |
| top-header | |
| header | |
| content |
| background | |
| text color | |
| link color | |
| horizontal line |
| style 1 | |
| style 2 | |
| style 3 | |
| text color |
| social icons | |
| navigation color | |
| subnav background |
| background color | |
| navigation color |
| Template configurations |
| has-center-nav g-font has-large-header |
| Navigation styles |
| size-15 weight-400 snip-nav --line01 is-uppercase |
| Content styles |
| form-white |
| Footer styles |
| o-form color-white |
|
Typography |
| Heading H1 |
| weight-600 is-uppercase |
| Heading H2 |
| weight-400 is-uppercase |
| Heading H3 |
| weight-600 is-uppercase |
| Buttons |
| weight-600 is-uppercase |
| Animations |
Note: All changes made here will be applied to your entire website.
MATRIX THEMES
STAND OUT WITH A PROFESSIONAL JIMDO WEBSITE
Write a comment
Alice (Thursday, 18 June 2020 19:48)
I want to center two columns and they shouldn't be as wide as shown here. How can I do it?
Alice (Thursday, 18 June 2020 19:49)
I want to center two columns and they shouldn't be as wide as shown here. How can I do it?
Matrix themes (Thursday, 18 June 2020 23:02)
@Alice just use 2 columns without custom code.
Alice (Tuesday, 30 June 2020 12:41)
Yes, but the two columns are too wide. I need fats the same width as yours.
Matrix Themes (Tuesday, 30 June 2020 13:31)
@Alice just use 2 columns without custom code