Toolonomy Logo
Last Updated on: September 20, 2020

Custom Style the AMPforWP Templates [CSS Snippet]

0 Shares

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%;
}
}
0 Shares

Become a Toolonomy Community Member for Free!

Consider joining our Official Community Group if you want to get access to the exclusive insider content and information around the Exclusive Business Development Tools. Also, you will be able to get involved in interesting group discussions with like-minded people that are interested in similar topics as you.
Free Membership
Made with ❤ for Digital Entrepreneurs
Copyright © 2018 - 2022 SyncWin | All Rights Reserved.
Top crossmenu
0 Shares
Copy link
Powered by Social Snap