What’s This Called? Styling my new Custom Dynamic Widgets

[artlovelight]

So I purchased Optimize Press and created 4 new widget areas so that my client’s front page would be just right:

http://artlovelight.info/sacredgifts/

Now my lovely widget areas need some padding. Here they are on code pen

http://cdpn.io/lLhvI

I named the widgets purpose, purpose1, purpose2, purpose3

This is what I put in my stylesheet

/* Four Widget Areas Content */

#purpose{padding-left:25px;}





and nothing happened. I want them to be centered and evenly distributed.

[chrisburton]

@artlovelight Try adding a period before “purpose”.

example

.purpose {padding-left: 25px;}

[Author]

Posts