Differences

This shows you the differences between two versions of the page.

--- website-team:faq:unify-template-faq [2020/05/08 06:18] – edit bsupca5
+++ website-team:faq:unify-template-faq [2026/06/26 08:49] (current) – external edit 127.0.0.1
@@ Line 11: / Line 11: @@
   * [[https://htmlstream.com/preview/unify-v2.6.2/|Unify v2.6.2]] is used for https://bsuite365.com/
-  * [[https://htmlstream.com/preview/unify-v2.6.2/|Unify v2.6.2]] is used for [[https://bsuperiorsystem.com/en|https:%%//%%bsuperiorsystem.com/]]
+  * [[https://htmlstream.com/preview/unify-v2.6.2/|Unify v2.6.2]] is used for https://bsuperiorsystem.com/
 **Q) How to change the font color?**
@@ Line 21: / Line 21: @@
   * .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
+**Q) How to set the font weight and size?**
-//<p class=“lead”>Sample Paragraph</p>//
+//Answer//: Font weights in Unify template are defined by classes in unify-globals.css,such as
-**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
+Font sizes in Unify template are defined by classes in unify-globals.css,such as
+  * g-font-size-16
+  * g-font-size-18
+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>//
+For headers like H1 and H2, the font size can be adjusted by classes like h2, h3, h3 etc. For example, //<h2 class=“**h4** text-uppercase”>BSUPERIOR</h2>//
+**Q) How to set font case sensitivity?**
+//Answer//: Class “text-uppercase” makes a text uppercase like
+//<h2 class=“h4 **text-uppercase**”>BSUPERIOR</h2>//
+**Q) How to make text normal or italic?**
+//Answer//: Use the following classes in unify-globals.css
+  * .g-font-style-normal
+  * .g-font-style-italic
+**Q) How to align text?**
+//Answer//: Class “text-left” and “text-center” align the text.
 **Q) How to set margins?**
@@ Line 46: / Line 68: @@
   * .g-py-100 (both top and bottom padding)
   * .g-py-105 (both top and bottom padding)
+  * .g-pt-100 (padding top)
+  * .g-pb-70 (padding bottom)
 **Q) How to set background colors?**
@@ Line 57: / Line 81: @@
 //Answer//: The template is using the free version of Font Awesome. Please search for your font in https://fontawesome.com/.
+**Q) How to set Unify classes to a specific media? For example, how to set a margin for the desktop version of the website?**
+//Answer//: In the Unify CSS libraries, you can find classes specific to a media for example,
+  * .g-brd-around–sm is for @media (min-width: 576px)
+  * .g-brd-x–md is for @media (min-width: 768px)
+  * .g-brd-around–lg is for @media (min-width: 992px)
+  * .g-brd-around-none–xl is for @media (min-width: 1200px)
+**Q) What types of @media to use in your css?**
+//Answer//:
+<html><span class=‘codeblock’></html>
+<code>
+@media (min-width: 576px) {
+}
+@media (min-width: 768px) {
+}
+@media (min-width: 992px) {
+}
+@media (min-width: 1200px) {
+}
+</code>
+<html></span></html>
 ===== Useful Links =====
@@ Line 63: / Line 128: @@
   * [[https://docs.google.com/document/d/1XaJFAgXC95Gt9Okt7WPGBz-5ZJv-zX3o4lFXmZJey2s|Related Google Docs]] (access is required)
   * Website design services (coming soon).