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

 

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″]Normal textbox: [/col][/row]
 
[row class=”row-fluid”][col class=”span12″]Error textbox: [/col][/row]
 
[row class=”row-fluid”][col class=”span12″]Success textbox: [/col][/row]
 
[row class=”row-fluid”][col class=”span12″]Text Area: [/col][/row]
 

Buttons

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