| Typography |
|
|
|
The following typography items automatically pull from the two colors you choose in the template configuration:
heading 1heading 2heading 3heading 4heading 5These 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>
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" /> To use the below add the image class as follows: <img src="images/yourimage.jpg" class="bold" /> To use the below add the image class as follows: <img src="images/yourimage.jpg" class="dashed" /> |
| < Prev | Next > |
|---|