Genesis: Stage 2: CSS Samples
These instructions assume you have either the JetPack plugin active with the Custom CSS module option turned on or our Themedy Toolbox plugin active (version 1.0.3 or higher).
Read more about adding the custom css feature here.
CSS
You can these CSS blocks to your Appearance -> Edit CSS screen (see steps above if you don't have this option)
Make sure to start adding your CSS code after the intro text as explained here.
1. Center logo and show menu / social under it.
.title-area {
padding-bottom: 20px;
text-align: center;
}
.nav-primary {
position: relative;
}
.genesis-nav-menu li {
float: none;
}
2. Reduce spacing between header area and rest of the site
.site-header .wrap {
padding-bottom: 0.5rem;
}
.home .site-inner {
padding-top: 0.5rem;
}
3. Remove post date on gallery pages
.single-photo .entry-time {
display: none;
}
4. Remove black lines under latest posts on homepage
.entry, .portfolio-teaser {
border: none;
}