patsagar

Exactly what I was looking for, thanks for everything bdbrown!

I never thought of it like that! Now I know what to do in the future.

This thread is finally resolved!

Awesome it worked! I got both just the way I liked, thanks bdbrown!

But now there is another problem :(. The span comment and pinterest save icons on the

.post-thumbnail img

are above the thumbnail. To make the border just the way I like I had to decrease

.special {
padding-bottom: 30px; TO
padding-bottom: 7px;
}

Then write the code

.post-thumbnail img {
padding-top: 30px;
}

which lowered the image but kept the icons where they were.

Is there a way to lower these two without messing up anything else xD OR, even better, is there a way to raise the border without increasing the padding of

.post-thumbnail img

while also keeping a distance between the static post and thumbnail?

Basically is there a way to just raise the height of

.special {
border-bottom: 5px solid #000
}

without messing with anything else?

Hmmm, interesting. Thanks again, I appreciate your help! Can’t test the code at the moment but definitely will when I get the chance.

Is there a way to get the same background position without putting background-position to negative values?

I had the negative values since the beginning of my theme editing journey. Never thought too much of it until you told me. Didn’t know that was what was causing the grey color below the image! Good to know now.

Thanks for the reply bdbrown.

I’m not at my computer at the moment so I can’t do anything at the moment. BUT, before I left home I figured out 2. ??, I just have to put in the code I used while inspecting page and place it into the editor. Thanks for the telling me.

Yeah for 1. I’m just gonna have to remove the padding and heighten the image. But is there anyway to make the grey blocks black? I miss-worded the question in my original post. Nothing is wrong with the image, just the grey blocks on the sides.