woorkup custom CSS used with GeneratePress theme. Source: https://woorkup.com/generatepress-review/
html {-webkit-font-smoothing: auto;} | |
/*fonts*/ | |
strong {color:#202020;} | |
/*no margin mobile*/ | |
@media screen and (max-width: 768px) { | |
.no-margin-mobile {margin-bottom:0px;}} | |
#dabar a {color:#ffffff; border-bottom: 2px solid rgba(255, 255, 255, 0.4);} | |
/*sticky widget*/ | |
@media (min-width: 769px) { | |
.site-content { | |
display: flex; | |
} | |
.inside-right-sidebar { | |
height: 99%; | |
} | |
.inside-right-sidebar aside:last-child { | |
position: -webkit-sticky; | |
position: sticky; | |
top: 50px; | |
} | |
} | |
/*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; | |
} | |
.gb-highlight, .highlight, mark { | |
background: #FAF3C4; | |
padding: 4px; | |
} | |
#breadcrumbs { | |
display: none; | |
} | |
/*responsive tables*/ | |
thead { | |
background-color: #343e47; | |
color: #ffffff; | |
} | |
/*images*/ | |
figcaption { | |
font-size: 15px; | |
color: #8e9498; | |
} | |
.wp-block-image a { | |
border-bottom: none !important; | |
} | |
.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; | |
} | |
/* Copyright Bar */ | |
.copyright-bar { | |
width: 100%; | |
display: flex; | |
justify-content: space-between; | |
flex-flow: row wrap; | |
} | |
@media screen and (max-width: 460px) { | |
.copyright-bar { | |
justify-content:center; | |
} | |
} | |
.nav-links .page-numbers:not(.next):not(.prev) { | |
display: none; | |
} | |
.no-border a, .no-border a:visited { | |
color: #4c5357 !important; | |
border-bottom: none !important; | |
} | |
/*blog*/ | |
.read-more { | |
margin-top: 5%; | |
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*/ | |
#custom_html-8 { | |
padding: 0px 0 0px 0; | |
} | |
#text-47 { | |
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; | |
margin-bottom:20px !important; | |
} | |
#wpsp_widget-2, #novashare_follow_widget-2 { | |
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); | |
} | |
/*author bio box*/ | |
a.gb-button { | |
border-bottom: none !important; | |
} | |
.author-box a, .entry-content a, .entry-summary a, .nav-links a, .site-info a { | |
border-bottom: 2px solid rgba(35, 117, 214, 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; | |
} | |
/*wp-subscribe pro opt-in*/ | |
.wp-subscribe-wrap, .regular-text, #wp-subscribe.wp-subscribe-1 .submit {text-align:left !important;} | |
#wp-subscribe.wp-subscribe-1 .submit {text-transform: none;} | |
.wp-subscribe-wrap p.text {margin:0 !important;} | |
#wp-subscribe a {color:#ffffff; border-bottom: 2px solid #404c5d;} | |
/*updated date*/ | |
@media (max-width: 768px) { | |
.entry-meta { | |
font-size: 15px;} | |
} | |
.sidebar .widget .coupon-title { | |
margin-bottom: 10px; | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment