There are several helper classes that you can use to adjust you page content or layout.
| 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 |
<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>