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);
}