Documentation
Guides and examples on your Bricks7 journey! 🚀

Setting Up Bricks7

Edit Styles.css

Now you can go to Appearance → Theme File Editor → style.css

Change the Colors

Bricks7 is designed to use 3 colors with offsets and 5 shades of grey

Primary – Your main color, using –primary
Secondary – Secondary color, using –secondary
Accent – Accent color using –accent

You can change the settings based on your likings

Font Sizing System and Spacing

If you scroll down style.css, you will see –xxxl, –xxl, –xl, –l all the way down to –xs

These are the font sizing and spacing system we use for Bricks7.

We use type scale like

  • 1.067 – Minor Second
  • 1.125 – Major Second
  • 1.200 – Minor Third
  • 1.25 – Major Third
  • 1.33 – Perfect Fourth
  • 1.414 – Augmented Fourth
  • 1.500 – Perfect Fifth
  • 1.618 – Golden Ratio

You can test it out at typescale.com

ON THIS PAGE
Review Your Cart
0
Add Coupon Code
Subtotal