Skip to content

Instantly share code, notes, and snippets.

@jainnidhi
Created December 30, 2016 08:17
Show Gist options
  • Save jainnidhi/2e68ebaa2b3c6cc6144d40f1f9696441 to your computer and use it in GitHub Desktop.
Save jainnidhi/2e68ebaa2b3c6cc6144d40f1f9696441 to your computer and use it in GitHub Desktop.
Pricing Table Style 3
.pricing-table-style-3 .fl-pricing-table .fl-pricing-table-column .fl-pricing-table-inner-wrap {
border: 0 !important;
border-top: 4px solid #1e1e1e !important;
}
.pricing-table-style-3 .fl-pricing-table .fl-pricing-table-col-3:nth-child(2) .fl-pricing-table-column .fl-pricing-table-inner-wrap {
border-top: 4px solid #fff32d !important;
}
.pricing-table-style-3 .fl-pricing-table .fl-pricing-table-column .fl-pricing-table-price {
color: #ffffff;
line-height: 1.3;
padding: 50px 0 20px !important;
max-width: 110px;
margin: 0 auto 30px;
border-bottom: 3px solid #fff32d;
}
.pricing-table-style-3 .fl-pricing-table .fl-pricing-table-col-3:nth-child(2) .fl-pricing-table-price {
border-bottom-color: #1e1e1e;
color: #1e1e1e;
}
.pricing-table-style-3 .fl-pricing-table .fl-pricing-table-column .fl-pricing-table-duration {
display: block;
font-size: 15px;
margin: 0 auto;
color: #fff;
max-width: 90px;
margin: 0 auto;
text-align: right;
}
.pricing-table-style-3 .fl-pricing-table .fl-pricing-table-col-3:nth-child(2) .fl-pricing-table-duration {
color: #1e1e1e;
}
.pricing-table-style-3 .fl-pricing-table .fl-pricing-table-features {
margin: 0 !important;
color: #999;
}
.pricing-table-style-3 .fl-pricing-table .fl-pricing-table-features li {
text-align: center;
border-bottom: 0px;
color: #c7c7c7;
font-weight: 300;
}
.pricing-table-style-3 .fl-pricing-table .fl-pricing-table-col-3:nth-child(2) .fl-pricing-table-features li {
color: #1e1e1e;
}
.pricing-table-style-3 .fl-pricing-table .fl-pricing-table-column h2 {
padding: 14px !important;
background-color: #fff32d;
text-transform: uppercase;
font-weight: 300;
letter-spacing: 1px;
color: #333;
}
.pricing-table-style-3 .fl-pricing-table .fl-pricing-table-col-3:nth-child(2) .fl-pricing-table-column h2 {
background-color: #1e1e1e;
color: #fff;
}
.pricing-table-style-3 .fl-pricing-table .fl-button-wrap {
margin-top: 30px;
}
.pricing-table-style-3 .fl-pricing-table .fl-button-wrap a.fl-button {
max-width: 150px !important;
display: block;
margin: 0 auto;
}
.pricing-table-style-3 .fl-pricing-table .fl-button-wrap .fl-button i.fl-button-icon-after {
margin-left: 2px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment