How to change title elements
The style of title element is found in app/style/scss/elements/_titleBlock.scss
.title-block { margin-bottom: 25px; &.about{ position:relative; display:inline-block; float:left; margin-bottom: 0px; } &--billing { padding-bottom: 17px; border-bottom: 1px solid #d8d8d8; } &--hover { margin-bottom: 20px; } &__title { font-family: $defaultFont; font-size: 30px; line-height: 30px; font-weight: 400; 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 4 styles for the title bocks’ modifiers and 14 styles for the titles and subtitles:
.title--slider, .title--product, .title--blog, .title--contact, .title--review,.title--shopping-cart, .title--swiper, .subtitle--swiperBig,.title--about, .subtitle--tracy, .title--footer
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); }