From Orvis to Astra

After taking another look at my partner’s blog* earlier today, I decided that I wanted to redesign my site a bit. Really, since I helped her design her blog, I have wanted to do a redesign for mine. I like Orvis, but it still didn’t look like I wanted it to and it doesn’t have a lot of flexibility. Astra, on the other hand, has more flexibility, but the free version doesn’t include options that I want. With nothing but my bare hands and my proficiency in Google Fu, I cobbled together some CSS to achieve the effects that I wanted.

[su_spoiler title=”CSS that I cobbled together” open=”no” style=”default” icon=”plus” anchor=”” class=””]

.main-header-bar, .ast-header-break-point .main-header-menu, .ast-header-break-point .main-header-menu .sub-menu {
  background-color: #303030;
.main-header-menu .sub-menu, .entry-content pre {
  background-color: #404040;
.site-title a, .site-title a:focus, .site-title a:hover, .site-title a:visited, .ast-header-break-point .ast-mobile-menu-buttons, .menu-toggle-icon {
  color: #ffffff;
.widget .tagcloud a {
	font-size: 12px !important;
	border: none;
	margin: 8px 1px 0 0 !important;
	padding: 2px 4px 2px !important;


*Because I’m a bit vain, I’ll have you know that the clever name of InterLibrarian Loan was my idea.

Here’s the before and after:

I stole that yellow from my partner’s blog. Overall, the big changes are a slightly larger container for the text, some changes to font sizes and bolding, removing those awful lines in the Recent Posts and Categories section, and making the tags much smaller.