A little bit of tweaking:
.archive .hentry a .attachment-home-post,
.hentry.no-thumbnail {
border-radius: 0;
}
Not sure if you want it to become a circle on a hover event or not. If you don’t then you can add :hover like:
.archive .hentry a .attachment-home-post,
.archive .hentry a .attachment-home-post:hover,
.hentry.no-thumbnail,
.hentry.no-thumbnail:hover {
border-radius: 0;
}
I figured it out. Try this and I hope it helps!
All I did is that I changed the circle and category to black; i couldn’t delete it for some reason.
.edit-link a {
color: #000;
font-size: 0px;
text-transform: uppercase;
}
.page-header h1 {
background: #000;
border-radius: 180px;
color: rgba(255,255,255,.13);
display: block;
font-size: 0rem;
line-height: 0px;
margin: 10px;
padding: 70px 20px 0;
width: 140px;
height: 110px;
text-align: center;
}
.page-header h1 span {
clear: both;
color: #fff;
display: block;
font-size: 24px;
font-size: 2.4rem;
}
Hello Jen ni fer.
That’s exactly what i need, but it seems that when you have 2 words for the category they overlapp, see my site:
http://www.francisconoa.com/category/city-portraits/
Let me know if you can help.
i went ahead and tweaked your code a bit, kinda did the trick. still would be cool to have the text centered 🙂
