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/
html {-webkit-font-smoothing: auto;}
/*fonts*/
strong {color:#202020;}
/*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;
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;
}
.sidebar .widget_wpsp_widget {
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;}
}
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.