Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
woorkup custom CSS used with GeneratePress theme. Source: https://woorkup.com/generatepress-review/
/*fonts*/
strong {
color: #424242;
}
.entry-title a {
color: #333333;
}
.no-border a, .no-border a:visited {
color: #4c5357;
border-bottom: none !important;
}
/*code blocks and snippets*/
code {
background: rgba(0,0,0,.05);
padding: 2px;
}
.wp-block-preformatted code, .wp-block-code code {
background: none !important;
}
blockquote {
font-size: 1em !important;
}
.highlight {
background: #FAF3C4;
padding: 4px;
}
#breadcrumbs {
display: none;
}
/*responsive tables*/
thead {
background-color: #343e47;
color: #ffffff;
}
/*scroll to top*/
@media (max-width: 1280px) {
.generate-back-to-top {
display: none;
}
}
/*images*/
figcaption {
font-size: 15px;
color: #8e9498;
}
.site-header {
margin-bottom: 5px;
}
.entry-content, .entry-summary {
margin: 1em 0 0;
}
.page-header-image-single {
margin-bottom: 1em !important;
}
.post-image-below-header.post-image-aligned-left .inside-article .post-image {
margin-top: 1em;
}
.post-image-below-header.post-image-aligned-center .inside-article .featured-image {
margin-top: 1em;
}
/*blog*/
.read-more {
margin-top: 10px;
float: right;
}
.separate-containers .inside-article {
border-bottom: 1px solid rgba(0,0,0,.05);
}
/*buttons*/
.btn, .button {
-webkit-border-radius: 3;
-moz-border-radius: 3;
border-radius: 3px;
color: #ffffff !important;
padding: 12px 22px 12px 22px;
text-decoration: none;
border: 2px solid #2C333A !important;
position: relative;
min-width: 200px;
display: inline-block;
}
/*sidebar feature widgets*/
#sidebar-review {
padding: 0px 0 0px 0;
}
#sidebar-review-2 .text a {
border-bottom: 2px solid rgb(45, 130, 230);
border-bottom: 2px solid rgba(45, 130, 230, 0.4);
}
#sidebar-review-2 {
padding-top: 0px;
margin-bottom: 5px;
}
.sidebar-product {
padding: 20px;
color: #fff;
}
.sidebar-product.perfmatters {
background: #343e47;
}
.sidebar-product.kinsta {
background: #5942F1;
}
.sidebar-product strong {
display: block;
font-size: 18px;
color: #fff;
margin-bottom: 6px;
}
.sidebar-product p {
line-height: 1.2;
font-size: 17px;
margin-bottom: 16px;
}
.sidebar-product a {
display: inline-block;
font-size: 17px;
padding: .5em 1em;
text-decoration: none;
min-width: 120px;
text-align: center;
}
.sidebar-product.perfmatters a:hover {
background-color: #4680ce;
}
.sidebar-product.kinsta a:hover {
background-color: #4cccd1;
}
.sidebar-product.perfmatters a {
background-color: #4a89dd;
color: #fff;
}
.sidebar-product.kinsta a {
background-color: #52D5DA;
color: #150773;
}
.sidebar-product .below-cta {
display: block;
font-size: 15px;
color: #A49DF6;
margin-top: 8px;
}
.sidebar-product .below-cta a {
background: none;
display: inline;
padding: 0px;
font-size: 14px;
color: #A49DF6;
border-bottom: 1px solid rgba(155, 142, 240, 1);
}
.sidebar-product .below-cta a:hover {
background-color: transparent;
}
#custom_html-4 {
margin-bottom: 0px;
padding: 0 0 5px 0;
}
/*wp show posts widget*/
.wp-show-posts a {
color: #4c5357;
font-size: 18px;
font-weight: normal;
}
.wp-show-posts .wp-show-posts-entry-title {
line-height: 20px;
}
.sidebar .widget.wp-show-posts {
padding-left: 25px;
padding-right: 25px;
margin-top: 30px;
border: 1px solid rgba(0,0,0,.05);
box-shadow: 0 0 27px 0 rgba(214, 231, 233, 0.52);
}
/*link underline*/
.wp-block-image a {
border-bottom: none !important;
}
/*author bio box*/
a.gb-button {
border-bottom: none !important;
}
.author-box a, .entry-content a, .entry-summary a, .site-info a {
border-bottom: 2px solid rgba(45, 130, 230, 0.4);
}
.author-description {
margin-bottom: 5px;
}
.author-box {
padding: 4%;
margin-top: 30px;
display: flex;
flex-wrap: wrap;
background-color: #fafafa;
}
.author-box .avatar {
width: 40px;
border-radius: 100%;
margin-right: 20px;
}
.author-title {
margin-bottom: 0.5em;
font-size: 1.5em;
}
/*updated date*/
.posted-on .updated {
display: inline;
}
.posted-on a time:nth-child(2) {
display: none;
}
.posted-on a time:first-child:before {
content: "Updated: ";
}
.posted-on a time:last-child:before {
content: "Published: ";
}
/*ninja forms plugin*/
.nf-field-description a {
border-bottom: 2px solid rgba(45, 130, 230, 0.4);
}
.nf-form-fields-required {
display: none;
}
.ninja-forms-req-symbol {
color: #277ee4 !important;
}
.nf-response-msg p {
font-weight: bold;
background-color: #FAF3D4;
padding: 10px;
}
body .label-right .nf-field-description {
margin-right: 0px;
}
body .checkbox-container.label-right .field-wrap>div {
width: auto;
margin-bottom: 10px;
}
body .checkbox-wrap .nf-field-label label {
margin-right: 10px;
}
@media all and (max-width: 600px) {
body .checkbox-container.label-right .field-wrap {
display: block;
}
body .checkbox-wrap .nf-field-label label {
margin-bottom: 10px;
}
}
body .nf-error.field-wrap .nf-field-element:after {
background: #e54242;
}
body .nf-error .ninja-forms-field {
border-color: #e54242 !important;
}
body .nf-error .nf-error-msg, .nf-error-msg {
color: #e54242 !important;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.