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;
 .subtitle--small {
   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);