shopify analytics ecommerce
tracking
CSS

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.

Comments

Too many modals

Which means before I can finish and unveil lexicon 2.0, I'm going to have to redesign and start lexicon 3.0.

Read More...
Comments

A better popup

I think I stumbled on an internal frame or something.

Read More...
Comments

Lexicon pop-up

The lexicon will have many behaviors not seen on the rest of the site.

Read More...
Comments

Boxes, button bars and sidebars

I wanted each letter in turn.

Read More...
Comments

CSS Hierarchy

Geekery

Read More...
Comments

Adjusting image size

From a purist viewpoint you're supposed to adjust the image size in a photo editing program before publishing the web page.

Read More...
Comments

A new shadow

A hack replacing a hack

Read More...
Comments

Class act

It's much easier to define classes and go from there.

Read More...
Comments

More font fun

Now this is a tip

Read More...
Comments

Accidental

I was going to fix it, but I decided it looked better that way.

Read More...
Comments

CSS class

This is something else I should have tried a long time ago.

Read More...
Comments

Whoops!

I was looking for ways to make the entry titles on Pagan Vigil "pop!"

Read More...
Comments

Fonts on my blogs

They aren't the perfect ones

Read More...
Comments

Revised TPY sidebars

Some things about RapidWeaver can make you lazy

Read More...
Comments

Banner and more redirection

Getting my technopagan on Read More...
Comments

Theme settings and CSS changes for PV

Recapturing the feeling at Pagan Vigil

Read More...
Comments