How to change title elements
The style of title element is found in app/style/scss/elements/_titleBlock.scss
.title-block { margin-bottom: 25px; .title--small { font-size: 30px; line-height: 35px; font-weight: 300; margin-bottom:35px; } .subtitle--small { font-size:13px; font-family: $titleFont; } .. }
Each title block has different modifiers for different sections or styles. There are 11 styles for the title bocks’ modifiers:
.title--popup, .title--huge, .title--testim, .title--mem, .title--blogsmall,.title--blog, .title--large, .subtitle--counter,.title--icon, .subtitle--about, .title--small
The text color can be changed through the helpful classes:
.txt-light { color: $white; } .txt-dark { color: $templateColor; } .txt-black { color: $black; } .txt-color { color: rgb(200, 157, 40); }