Skip to content

Instantly share code, notes, and snippets.

@khatchad
Last active October 22, 2025 18:58
Show Gist options
  • Save khatchad/6674443956b8779a780f1dbbd64525f5 to your computer and use it in GitHub Desktop.
Save khatchad/6674443956b8779a780f1dbbd64525f5 to your computer and use it in GitHub Desktop.
"Simple" CSS Wordpress enhancements for the personal website of Raffi Khatchadourian (http://khatchad.commons.gc.cuny.edu)
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
background-color: #5f259f;
}
a {
color: black;
}
a:hover {
color: #999;
}
/* search form in header */
#search {
background-color: #999;
}
/* Make sure that the top navigation never overlaps content when an anchor is clicked */
body,
html {
scroll-padding-top: 45px;
/* adjust the pixel amount here for your top navigation bar height */
}
h3.subheader:before {
content: "";
display: block;
height: 70px;
/* fixed header height*/
margin: -70px 0 0;
/* negative fixed header height */
}
@media screen and (max-width: 600px) {
body, html {
scroll-padding-top: auto;
}
}
@media screen and (max-width: 782px) {
.wp-block-image figure.alignright,
.wp-block-image figure.alignleft,
.wp-caption.alignright,
.wp-caption.alignleft,
img.alignright,
img.alignleft {
float: none;
margin: 3px auto 15px;
display: block;
text-align: center;
}
.wp-block-image figure.alignright > figcaption,
.wp-block-image figure.alignleft > figcaption {
display: block;
}
}
.nolinksfoundincat {
display: none;
}
.nolinksfoundallcats {
display: none;
}
.entry-meta-creative-commons {
padding-top: 15px;
}
#searchform input {
margin-left: 0;
}
.wp-block-pullquote {
border: 0;
padding: 2em 0;
}
.navbar-toggle {
border-radius: 3px;
padding: .85em;
top: 0;
}
.read-more-link {
color: inherit;
}
/* Hide author and date for portfolio items */
.jetpack-portfolio .entry-meta,
.jetpack-portfolio .entry-date,
.jetpack-portfolio .byline {
display: none !important;
}
/* Page 347 is the portfolio page */
body:not(.blog, .archive, .page-id-347) h2 {
display: inline-block;
position: relative;
padding-left: 10px;
z-index: 1
}
body:not(.blog, .archive, .page-id-347) h2:after {
content: " ";
background-color: #ffc72a;
width: 1%;
height: 17px;
position: absolute;
left: 0;
bottom: 5px;
z-index: -1
}
body:not(.blog, .archive, .page-id-347) h2:after {
width: 50%;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment