amal/dynamicweb
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

promo section styling

Browse source
This commit is contained in:
Arvind Tiwari 2018-03-23 00:50:01 +05:30
commit 8a3ddda93e
4 changed files with 85 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

60
datacenterlight/static/datacenterlight/css/landing-page.css
View file

@ -1268,3 +1268,63 @@ footer .dcl-link-separator::before {
font-size: 30px;
}
}
/* cms section promo */
.promo-section {
padding: 75px 15px;
}
.promo-section.promo-with-bg {
color: #fff;
background-size: cover;
background-position: center;
}
.promo-section h3 {
font-weight: 700;
font-size: 36px;
text-transform: uppercase;
letter-spacing: 0.5px;
margin-top: 10px;
margin-bottom: 25px;
}
.promo-section h4 {
font-size: 24px;
margin-bottom: 20px;
}
.promo-section p {
font-size: 18px;
}
.promo-section.text-center h3,
.promo-section.text-center h4 {
margin-bottom: 35px;
}
.split-text .split-subsection {
margin-top: 25px;
margin-bottom: 25px;
}
.split-text .promo-section {
padding: 20px 15px;
margin-top: 30px;
margin-bottom: 30px;
}
.split-text .promo-section .container {
width: auto;
}
.split-text .promo-section h3,
.split-text .promo-section h4 {
margin-bottom: 15px;
}
.promo-section-plain h3 {
font-weight: 400;
}