How to change title elements
The style of title element is found in app/style/scss/elements/_titleBlock.scss
The text color can be changed through the helpful classes:
.txt-light { color: $white; } .txt-dark { color: $templateColor; } .txt-black { color: $titleColor; } .txt-color { color:$hoverColor; }
The style of this element looks like this:
.title-block { margin-bottom: 25px; &__title { font-family: $titleFont; font-size: 66px; line-height: 68px; font-weight: 700; letter-spacing: 20px; margin-bottom: 20px; } .. &__subtitle { font-size:18px; line-height: 28px; font-family: $defaultFont; font-weight: 300; }
Each title block has different modifiers for different sections or styles. There are 5 styles of the title blocks’ modifiers:
&--specialty, &--menu, &--delivery, &--reservation, &--about