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 exclusive insider content and information about Exclusive Digital Tools and Technologies. Also, you will be able to get involved in interesting group discussions with like-minded people that are interested in similar topics as you.
Become a Member
Toolonomy Logo
Made with ❤ for Digital Tool & Tech Enthusiasts
Copyright © 2018 - 2023 by SyncWin | All Rights Reserved.
Top crossmenu
0 Shares
Copy link