WYSIWYG Classes
/https://siu.edu/search-results.php
Last Updated: Nov 08, 2024, 02:37 PM
| Name | Class | Example or Description |
| Caps Lock | caps-lock | Just like hitting caps lock. Use this instead of typing in all caps, so screen readers can accurately read the content. |
| Fancy Link | fancylink | Can be used on links to make them look really fancy |
| Filled CTA | filled-cta | Creates a Maroon Button |
| Ghost CTA | ghost-cta | Creates a Spooky Button |
| Two Column | two-column | Apply to a <div> or a <ul> to format that content into two columns (content will be a single column on mobile or small screens) |
| Three Column | three-column | Apply to a <div> or a <ul> to format that content into three columns (content will be a single column on mobile or small screens) |
| Four Column | four-column | Apply to a <div> or a <ul> to format that content into four columns (content will be a single column on mobile or small screens) |
| Float Figure Left | float-figure-left | Floats a figure to the left along with it's captioned text. Paragraph text will wrap around this. |
| Float Figure Right | float-figure-right | Floats a figure to the right along with it's captioned text. Paragraph text will wrap around this. |
| Float Image Left | float-left | Floats an image to the left. Paragraph text will wrap around this. |
| Float Image Right | float-right | Floats an image to the right. Paragraph text will wrap around this. |
| Clearboth | clearboth | Use after floating content left or right. Prevents an element from sitting beside floated elements, forcing it to move below any preceding floats. |
| Lead Paragraph | lead | Increases the font size of the first paragraph. |
| Nav List | navlist | Removes the bullets from a list. Select and apply this class the <ul> to apply effect to all <li> elements. |
| Notes | notes | Used for highlighting text when content is needing reviewed. |