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.

CSS that I cobbled together
.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.

Leave a Comment

Your email address will not be published. Required fields are marked *