If you’re looking for a way to style your AMP page built with AMP for WP plugin then find the powerful custom CSS code to style them as per your requirement.
/* AMP for WP Flex Column Style */
.sp-lt {
display: flex;
flex-direction: column;
flex: 1 0 20%;
order: 2;
max-width: 237px;
margin-left: 50px;
}
/* AMP for WP Container Style */
.content-wrapper {
margin-top: 50px;
}
/* AMP for WP Page Title H1 */
.amp-post-title {
font-family: Segoe UI;
font-size: 36px;
font-style: normal;
font-weight: 700;
Color: #000428;
}
/* AMP for WP Page H2 Headings Style */
.cntn-wrp h2 {
font-family: Segoe UI;
font-size: 32px;
font-style: normal;
font-weight: 500;
Color: #000428;
}
/* AMP for WP Page H2 Subheadings Style */
.cntn-wrp h3 {
font-family: Segoe UI;
font-size: 28px;
font-style: normal;
font-weight: 500;
Color: #000428;
}
/* AMP for WP Page Content Styles */
.cntn-wrp p {
font-family: Segoe UI;
font-size: 18px;
font-style: normal;
font-weight: 400;
Color: #2a3348;
}
/* AMP for WP Social Icons Style */
.ss-ic li a {
border-radius: 180px;
background-color: #004E92;
padding: 10px;
}
/* AMP for WP Comment Box Style */
.form-submit #submit {
background-color: #004E92;
}
/* AMP for WP Post Tag Style */
.amp-tags .amp-tag a {
font-family: Segoe UI;
color: #fff;
background-color: #004e92;
padding: 6px;
border-radius: 3px;
line-height: 2em;
text-transform: capitalize;
font-weight: 400;
font-size: 14px;
}
/* AMP for Image Alignment Style */
@media (min-width: 1200px) {
.aligncenter {
width: 70%;
}
}
@media (min-width: 768px) {
.aligncenter {
width: 70%;
}
}
