How to add a background color in blogposts?

My blogposts currently looks like that one on the picture to the left and i want to add a border and background color to it like the example to the right. Does anyone know what i should edit in the index template to do this? Im not really a php coder so i have no clue how although i tried. My site is www.engineeringserver.com


ps i'm not sure if this is the right board but since most wordpress users on the board come here i think this is the best place to ask.

 

I don't know what colors they are so I'll use the footer-post background and border. Try changing this:

/* Design  Post
********************* */
.post {
	margin-bottom: 15px;
	border-bottom: 1px solid #95AABC;
	padding-bottom: 5px;
}

Code (markup):

to this:

/* Design  Post
********************* */
.post {
	background: #F4F6F8;
	border: 1px solid #95AABC;
	margin-bottom: 15px;
	padding-bottom: 5px;
}

Code (markup):

Also, you'll probably have to adjust the padding and margins to get it looking right.

 

Thanks a lot! rep added

 

That looks good. Thanks for the rep.

 

I've one more questions ( i hope)
How do i make the codebox a little bit smaller so that it fits right in the larger frame? I'm guessing i need to do something with the padding but im not that good with it.

screenshot:


Thanks

 

I think those widths are set by the plugin CSS (wp-content/plugins/ig_syntax_hilite/css/syntax_hilite_css.css)

Try changing the non-list widths to these:

/* change this line to set the width of code box */
.syntax_hilite { width:469px; }

/* change this line to set the width of plain text bar above code box */
.igBar { width:480px; }

Code (markup):

 

Thanks now my code can be displayed without overlapping the frame/div. rep++ given. Cheers!

 

Cheers Arkserver!

I'll check my posts a bit more carefully next time