What special text or graphic formatting can I use in content articles?

heading 1

heading 2

heading 3

heading 4

heading 5

These are the standard typography items:

 

To use the below add this div class <div class=”code_grey”> … </div>

#s5_code { width: 30px; color: #fff; line-height: 45px; }
To use the below add this div class <div class=”code_blue”> … </div>
#s5_code { width: 30px; color: #fff; line-height: 45px; }
To use the below add this div class <div class=”code_red”> … </div>
#s5_code { width: 30px; color: #fff; line-height: 45px; }
To use the below add this div class <div class=”code_green”> … </div>
#s5_code { width: 30px; color: #fff; line-height: 45px; }
To use the below add this div class <div class=”code_orange”> … </div>
#s5_code { width: 30px; color: #fff; line-height: 45px; }
To use the below add this div class <div class=”code_dark”> … </div>
#s5_code { width: 30px; color: #fff; line-height: 45px; }

To use the below add this span class <span class=”bold_blue”> … </span>

This is a sample boldcaption.

To use the below add this span class <span class=”bold_grey”> … </span>

This is a sample boldcaption.

To use the below add this span class <span class=”bold_green”> … </span>

This is a sample boldcaption.

To use the below add this span class <span class=”bold_orange”> … </span>

This is a sample boldcaption.

To use the below add this span class <span class=”bold_red”> … </span>

This is a sample boldcaption.

To use the below add this span class <span class=”bold_dark”> … </span>

This is a sample boldcaption.

This is a large intro letter, to use simply apply the “introletter_dark” class as follows:
<span class=”introletter_dark”>T</span></strong>

This is a large intro letter, to use simply apply the “introletter_blue” class as follows:
<span class=”introletter
_blue”>T</span></strong>

This is a large intro letter, to use simply apply the “introletterblue” class as follows:
<span class=”introletterblue”>T</span></strong>

This is a large intro letter, to use simply apply the “introletterblue” class as follows:
<span class=”introletterblue”>T</span></strong>

This is a large intro letter, to use simply apply the “introletter_green” class as follows:
<span class=”introletter
_green”>T</span></strong>

This is a large intro letter, to use simply apply the “introletter_orange” class as follows:
<span class=”introletter
_orange”>T</span></strong>

 

To use the below add this div class <div class=”grey_box”> … </div>

You can use a box like this for advertisements announcements and much more!
To use the below add this div class <div class=”blue_box”> … </div>
You can use a box like this for advertisements announcements and much more!
To use the below add this div class <div class=”green_box”> … </div>
You can use a box like this for advertisements announcements and much more!
To use the below add this div class <div class=”orange_box”> … </div>
You can use a box like this for advertisements announcements and much more!
To use the below add this div class <div class=”red_box”> … </div>
You can use a box like this for advertisements announcements and much more!
To use the below add this div class <div class=”dark_box”> … </div>
You can use a box like this for advertisements announcements and much more!

SampleTo apply this option do the following: <p class=”blockbox”><span class=”red_boxed”><strong>Sample</strong></span><strong>Your text goes here.</strong></p>

 

SampleTo apply this option do the following: <p class=”blockbox”><span class=”green_boxed”><strong>Sample</strong></span><strong>Your text goes here.</strong></p>

SampleTo apply this option do the following: <p class=”blockbox”><span class=”blue_boxed”><strong>Sample</strong></span><strong>Your text goes here.</strong></p>

SampleTo apply this option do the following: <p class=”blockbox”><span class=”grey_boxed”><strong>Sample</strong></span><strong>Your text goes here.</strong></p>

SampleTo apply this option do the following: <p class=”blockbox”><span class=”orange_boxed”><strong>Sample</strong></span><strong>Your text goes here.</strong></p>

SampleTo apply this option do the following: <p class=”blockbox”><span class=”dark_boxed”><strong>Sample</strong></span><strong>Your text goes here.</strong></p>

To use the below add the image class as follows: <img src=”images/yourimage.jpg” class=”solid” />

image

To use the below add the image class as follows: <img src=”images/yourimage.jpg” class=”bold” />

image

To use the below add the image class as follows: <img src=”images/yourimage.jpg” class=”dashed” />

image


This is an image with the “boxed” class applied:

Author: Mags Kavanaugh

Share This Post On

Submit a Comment