This document lists frequently asked questions about the Unify Template designed by HTMLStream, which is used in the bSup websites.

This document is intended for the bSup development team. If you are interested in Website solutions, please contact us through the Website Design Services page.

Q) What version of unify to use?

Answer: For each website, a different version of the Unify template might be used.

• Unify v2.6.2 is used for https://bsuite365.com/
• Unify v2.6.2 is used for https:%%//%%bsuperiorsystem.com/

Q) How to change the font color?

Answer: Font colors in Unify template is defined by classes in unify-globals.css,such as

• .g-color-white
• .g-color-blue
• .g-color-black

For <p>, the font is also set by class “lead”. Removing class “lead” decreases the font size of a paragraph. For example

<p class=“lead”>Sample Paragraph</p>

Q) How to set the font weight?

Answer: Font weights in Unify template is defined by classes in unify-globals.css,such as

• .g-font-weight-600
• .g-font-weight-500

Q) How to set margins?

Answer: Margins in Unify template is defined by classes in unify-globals.css,such as

• .g-mb-40 (bottom margin)
• .g-mb-45 (bottom margin)
• .g-mt-32 (top margin)

Q) How to set paddings?

Answer: Paddings in Unify template is defined by classes in unify-globals.css,such as

• .g-py-100 (both top and bottom padding)
• .g-py-105 (both top and bottom padding)

Q) How to set background colors?

Answer: Paddings in Unify template is defined by classes in unify-globals.css,such as

• .g-bg-gray-light-v5
• .g-bg-gray-dark-v1

Q) How to set icons?

Answer: The template is using the free version of Font Awesome. Please search for your font in https://fontawesome.com/.

• Blog (coming soon)
• Related Google Docs (access is required)
• Website design services (coming soon).