Placing Border Around Post and Photo

Please provide a link to your site.

Hi Christine!! I had to walk away because I was getting frustrated. My site is a work in progress. I took off the password protection so anyone can see it now. It’s http:\\www.darkhavenbookreviews.com.

I would love not only to be able to put a box around the photo and text but to make the post page a different color. I like Coraline but it is almost too clean, but it’s the only site I saw that had the page configuration I liked sidebar content sidebar and a flexible width. Anyway here you go. If I dont respond tonight it’s because it’s near my bedtime and I’ve been working on this site all day and it has been slow going. Thanks for looking at this.

Looking at your source code, I can see this:

<div id="post-1" class="post-1 post type-post status-publish format-standard hentry category-erotica category-httpdarkhavenbookreviews-comcategorymf category-paranormal category-werewolf">

Why don’t you try adding the border to the hentry class.

Right now you have this:

.hentry {
	margin: 0 0 3.4em;
}

Change it to:

.hentry {
    margin: 0 0 3.4em;
    border:1px solid #000;
}

and let’s see what happens.

Hi Christine I did what you said.
}
.hentry {
margin: 0 0 3.4em;
border:1px solid #000:
}
but nothing happened. I made sure to hit the update icon for the edit to the css and even did it for the post itself and nothing happened.

Do you have another suggestion? ??
I appreciate your help.

–Vanessa

It should be

border: 1px solid #000;

and not

border: 1px solid #000:

??

Thank you so much Jarret, that worked!!!

If I wanted to, could I change the background within that boxed area? If so could you tell me how to do it, pretty please . ??

Thanks again.

–Vanessa

Sure, its easy enough.

You would just use

background: #EEEEEE;

directly under the border: 1px solid #000; line.

You may also want to add in some padding so that things aren’t right up against the border, try something like…

.hentry {
     margin: 0 0 3.4em;
     border: 1px solid #000;
     background: #EEEEEE;
     padding: 5px;
}

That works and looks great! Thank you so much!!! ?? —V

this is just what I am looking for! but I am a really new newbie. where do I find the hentry text, in style.css?
also can I make the box rounded edges?
great help thanks!

this works well. but what if I want something a little “jazzier” than just a box. like maybe rounded edges, how would I do that. Also the text that says “posted by at time” (I am sure it has a name, I just dont know what) is causing a break in my “box”. how do I fix that. I am woring on preview dns so not sure you can see my stuff or not. https://4our2cents.com.previewdns.com/