There are several helper classes that you can use to adjust you page content or layout.
options:
| Class |
Description |
class="yjsg-hr-empty" |
Creates an empty spacebetween elements. |
class="yjsg-center" |
Centers the text and can be used on any element. |
class="yjsg-text-left" |
Aligns the text to the left and can be used on any element |
class="yjsg-text-right" |
Aligns the text to the right and can be used on any element |
class="yjsg-pull-left" |
Floats the element left and can be used on any element |
class="yjsg-pull-right" |
Floats the element right and can be used on any element |
class="yjsg-larger" |
Increase the font size to 130% and can be used on any element |
class="yjsg-sub-heading" |
Highlighted heading with a bottom border. Can be used on any element |
class="yjsg-hide" |
Hides an element. Can be used on any element |
markup:
<span class="yjsg-hr-empty"></span>
<span class="yjsg-center">...</span>
<span class="yjsg-text-left">...</span>
<span class="yjsg-text-right">...</span>
<span class="yjsg-pull-left">...</span>
<span class="yjsg-pull-right">...</span>
<span class="yjsg-larger">...</span>
<span class="yjsg-sub-heading">...</span>
<span class="yjsg-hide">...</span>
