Typography

Opal theme is 100% compatible with BootStrap framework, thus any CSS va HTML code in BootStrap will work well with Opal. Turn your editor into HTML mode and starting using below typographies.

Heading h1

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam

Heading h2

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam

Heading h3

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam

Table

# First Name Last Name Username
1 Mark Otto @mdo
Mark Otto @TwBootstrap
2 Jacob Thornton @fat
3 Larry the Bird @twitter

 

Alert

Warning! Best check yo self, you’re not looking too good.
Error! Oops, something is out of reach.
Success! This is a success message.
Info! I have a good news for ya.

 

Labels and badgets

1 Default 2 Success4 Warning 6 Important 8 Info 10 Inverse

 

Blockquote

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

Someone famous Source Title

Code

You can wrap any HTML tag using <code> tag or display [yourshortcode][/yourshortcode]using [shortcode] code.

 

Form elements

[row class=”row-fluid”][col class=”span12″] [/col][/row]
 
[row class=”row-fluid”][col class=”span12″] [/col][/row]
 
[row class=”row-fluid”][col class=”span12″] [/col][/row]
 
[row class=”row-fluid”][col class=”span12″] [/col][/row]
 

Buttons

[row class=”row-fluid”]
[col class=”span3″][/col][col class=”span3″][/col][col class=”span3″][/col][/row]
 
[row class=”row-fluid”]
[col class=”span3″][/col][col class=”span3″][/col][col class=”span3″][/col][/row]

Share this