500+ Google Fonts

Intenso Magento Theme includes 500+ Google Fonts you can easily customize from the Admin panel. All you have to do is choosing the font family, character set and font styles using the intuitive controls with font preview.

Typography is an essential part of the visual system of the theme. All widgets and sections has been designed to have a consistent typography that unifies the message and creates familiarity. Fonts throughout all your store will be automatically responsive and super crisp on all screen sizes and devices.

Check out our online documentation for information about fonts configuration, the grid system, icon fonts, colors and widgets. You can also take a look at the CMS pages and Widgets used throughout this section and use them as a base for your own pages.

Advanced Options

A complete configuration section with hundreds of options.

Powerful Extensions

12 advanced custom extension included out of the box.

Beautiful Icons

248 font icons you can use to create your own content.

Designed to make your life easier, Intenso gives you everything you need to boost your creativity and fully express yourself online. Mobile, tablet, desktop – it doesn’t matter. Intenso is equally beautiful on all your devices.

Headings

<h1>

The five boxing wizards jump quickly.

<h2>

The five boxing wizards jump quickly.

<h3>

The five boxing wizards jump quickly.

<h4>

The five boxing wizards jump quickly.

<h5>
The five boxing wizards jump quickly.
<h6>
The five boxing wizards jump quickly.

Paragraphs

<p>

Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.

A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth.

<p class="small">

Even the all-powerful Pointing has no control about the blind texts — it is an almost unorthographic life. One day however a small line of blind text by the name of Lorem Ipsum decided to leave for the far World of Grammar.

<p class="x-small">

The Big Oxmox advised her not to do so, because there were thousands of bad Commas, wild Question Marks and devious Semikoli, but the Little Blind Text didn’t listen.

 

Lists

<ul class="bullets-checkmark">
  • Gummies lemon drops I love
  • Oat cake chocolate bar danish
  • Apple pie cheesecake lemon drops
  • I love pie caramels muffin brownie
  • Jelly chocolate sweet roll brownie
<ul class="bullets-circle">
  • Gummies lemon drops I love
  • Oat cake chocolate bar danish
  • Apple pie cheesecake lemon drops
  • I love pie caramels muffin brownie
  • Jelly chocolate sweet roll brownie
<ul class="bullets-lightning">
  • Gummies lemon drops I love
  • Oat cake chocolate bar danish
  • Apple pie cheesecake lemon drops
  • I love pie caramels muffin brownie
  • Jelly chocolate sweet roll brownie
<ul class="bullets-checkbox">
  • Gummies lemon drops I love
  • Oat cake chocolate bar danish
  • Apple pie cheesecake lemon drops
  • I love pie caramels muffin brownie
  • Jelly chocolate sweet roll brownie
<ul class="bullets-hearth">
  • Gummies lemon drops I love
  • Oat cake chocolate bar danish
  • Apple pie cheesecake lemon drops
  • I love pie caramels muffin brownie
  • Jelly chocolate sweet roll brownie
<ul class="bullets-star">
  • Gummies lemon drops I love
  • Oat cake chocolate bar danish
  • Apple pie cheesecake lemon drops
  • I love pie caramels muffin brownie
  • Jelly chocolate sweet roll brownie
<ul class="no-bullets">
  • Gummies lemon drops I love
  • Oat cake chocolate bar danish
  • Apple pie cheesecake lemon drops
  • I love pie caramels muffin brownie
  • Jelly chocolate sweet roll brownie

 

Background Box

<div class="bg-box">

Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.

A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth.

Tooltips

<span class="has-tip tip-top" title="Tooltip text here" data-tooltip>

Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.

A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth.

 

Float Classes

You can change the float behavior of an element by adding .left or .right to an HTML element. To clear floats, add the class .clearfix to the parent element.

 

Radius and Rounded

The .radius and .round classes allow you to easily apply a border-radius to a UI-element.

 

Text Align Classes

You can change the text alignment of an element by adding .text-left, .text-right, .text-center or .text-justify to an element.

Adding a size to the front of a text alignment class will cause it to only be applied on that size screen or larger (ex. .medium-text-center will center text for everything except small screens). Adding a size and only will apply the text alignment just for that media query (ex. .medium-only-text-center will center text just for medium screens).

.text-left .text-right .text-center .text-justify
.small-text-left .small-text-right .small-text-center .small-text-justify
.small-only-text-left .small-only-text-right .small-only-text-center .small-only-text-justify
.medium-text-left .medium-text-right .medium-text-center .medium-text-justify
.medium-only-text-left .medium-only-text-right .medium-only-text-center .medium-only-text-justify
.large-text-left .large-text-right .large-text-center .large-text-justify
.large-only-text-left .large-only-text-right .large-only-text-center .large-only-text-justify
.xlarge-text-left .xlarge-text-right .xlarge-text-center .xlarge-text-justify
.xlarge-only-text-left .xlarge-only-text-right .xlarge-only-text-center .xlarge-only-text-justify
.xxlarge-text-left .xxlarge-text-right .xxlarge-text-center .xxlarge-text-justify
Align Left Align Right Align Center Justify

 

Hide an Element

You can add the class .hide to an element to hide it. This will add the property display: none to the element.

 

Already Loving Intenso? Buy it Now!