Header One Styling
WYSIWYG Settings
Output
Heading One
This is a test paragraph. To add some length to it, let us mention that this page was primarily written for testing the effect of user style sheets. You can use it for various other purposes as well, like just checking how your browser displays various HTML elements.
Header Two Styling
WYSIWYG Settings
Output
Heading Two
This is a test paragraph. To add some length to it, let us mention that this page was primarily written for testing the effect of user style sheets. You can use it for various other purposes as well, like just checking how your browser displays various HTML elements.
Header Three Styling
WYSIWYG Settings
Output
Heading Three
This is a test paragraph. To add some length to it, let us mention that this page was primarily written for testing the effect of user style sheets. You can use it for various other purposes as well, like just checking how your browser displays various HTML elements.
Header Four Styling
WYSIWYG Settings
Output
Heading Four
This is a test paragraph. To add some length to it, let us mention that this page was primarily written for testing the effect of user style sheets. You can use it for various other purposes as well, like just checking how your browser displays various HTML elements.
Header Five Styling
WYSIWYG Settings
Output
Heading Five
This is a test paragraph. To add some length to it, let us mention that this page was primarily written for testing the effect of user style sheets. You can use it for various other purposes as well, like just checking how your browser displays various HTML elements.
Header Six Styling
WYSIWYG Settings
Output
Heading Six
This is a test paragraph. To add some length to it, let us mention that this page was primarily written for testing the effect of user style sheets. You can use it for various other purposes as well, like just checking how your browser displays various HTML elements.
Paragraph Styling
WYSIWYG Settings
Output
This is a test paragraph. To add some length to it, let us mention that this page was primarily written for testing the effect of user style sheets. You can use it for various other purposes as well, like just checking how your browser displays various HTML elements.
This is a paragraph that contains some inline styles. To add some length to it, let us mention that this page was primarily written for testing the effect of user style sheets. You can use it for various other purposes as well, like just checking how your browser displays various HTML elements.
Inline Text Styling
WYSIWYG Setting
Output
Bold Text
WYSIWYG Setting
Output
Italic Text
WYSIWYG Setting
Output
Underline Text
Button Styles
Page Builder Setting
Output
GreenPage Builder Setting
Output
Light BluePage Builder Setting
Output
CobaltPage Builder Setting
Output
NavyPage Builder Setting
Output
GoldPage Builder Setting
Output
Burned GoldIcon System
Output
whatshot
Brand Colors
Available Colors
These colors are available for use for text, backgrounds and buttons.
Grid System
Page Builder Settings
Output
Full Grid
Spacing System
Margin and padding of rows and columns can be modified to adjust spacing of content. Margin will affect the how much the row pushes against outer elements. Padding affects how much the row pushes content within it.
Hiding System
Sections and elements can be hidden in the Page Builder by adding the following classes.
Page Builder Setting
Adding the classname hide-mobile will hide the element at all screen sizes less than 840 pixels wide.
Page Builder Setting
Adding the classname hide-tablet will hide the element at all screen sizes between 840 and 1280 pixels wide.
Page Builder Setting
Adding the classname hide-desktop will hide the element at all screen sizes larger than 1280 pixels wide.
Page Builder Setting
Adding the classname hide-all will hide the element at all screen sizes.
Page Builder Setting
Classes can also be combined separated by a space to hide elements at mixed sizes.