shopify analytics ecommerce

New PV American Classic title

At Pagan Vigil, I've a section called American Classics. It's a collection of speeches, essays, and short films that in my mind present the best of what America has to offer.

Now making the text box work was pretty easy, but I've never been happy with the title for the text box, Until now. I've been thinking about it, and I spent Wednesday and Thursday tweaking. Here's what it looks like.

Screen Shot 2018-11-23 at 11.05.56 AM

And here's the CSS.

.titlebox {border-radius: 13px; text-align: center; background-image: linear-gradient(to bottom right, black, navy); padding: 13px; margin-bottom: 13px;}

.aclassic {font-family: Coustard; font-variant: small-caps; font-weight: bolder; font-size: xx-large; text-align:center; letter-spacing: 3px; line-height: 130%; word-spacing: 13px; color: #66CCFF; text-shadow: 2px 2px 4px #696969;}

.written {font-family: "Times New Roman", Times, serif; font-style: italic; color: white; font-size: 1.3em;}

Here's the code that goes into the entry.

<div class="titlebox"><span class="aclassic">Proclamation of Thanksgiving</span></p><span class="written"></span>by Abraham Lincoln</div>

The black to navy gradient won't be noticed by most, but it puts a nice polish on it.

All in all I think it turned out pretty sharp.

blog comments powered by Disqus