Need some help with margins inside divs

[snewman]

Hey all,

I’m trying to code my own site and I’m currently creating a wordpress theme. Here is what it looks like now (http://i.imgur.com/j3pIbI0.jpg). The problem I’m having is that I’ve created a div for my picture and I can’t create a top margin for it. I want there to be some margin about the circle pic. What’s the cleanest way to do this? I’m also worried that I haven’t coded the rest of my site properly and that’s why I’m experiencing problems. Here is my code (http://codepen.io/anon/pen/WvEvPy). Could someone take a look and let me know if it’s ok?

I also was wondering one more thing. I want to create an inside 50% transparent circular border around my pic, like in this example (http://i.imgur.com/KQ8jaIM.jpg). Does anyone know how to do that?

I’ve done sooo much searching and I can’t find problems to these. Any help at all I’d be forever grateful!

Thanks!

[Paulie_D]

Unfortunately, Codepen doesn’t use PHP…we’d need the actual output HTML…just enough to demo the problem.

However, I’d guess you’d be looking for something like this.

http://codepen.io/Paulie-D/pen/PqKPNR

[Author]

Posts