Home Widget – Height Issue

[theKatrinaM]

I have a widget on my home page that will no do what is code at all. The height is suppose to be 520, so that it can show the background as a border for an image. Everytime I place any widget in there, the height changes to a longer size. I also can't seem to get the photo inside (or any other widget) to center inside.

Here's my CSS coding:

/* Home Page
--------------------------------------------- */

.home-top {
    margin: 0 auto;
    max-width: 1130px;
}

.home-middle {
	margin: 0 auto;
	border-top: 1px solid #ececea;
	overflow: hidden;
	padding: 25px 25px 5px;
	width: 100%px;
}

.home-middle-left {
	float: left;
	margin: 0 50px 0 0;
	width: 30%;
}

.home-middle-center {
	float: left;
	width: 30%;
}

.home-middle-right {
	float: right;
	width: 30%;
}

.home-bottom {
	margin: 0 auto:
	padding 25px 25px 25px;
	width: 100%;
}

.home-bottom-1 {
	background: url('images/peach.png') repeat;
	max-height: 520px !important;	
	width: 300 px;
    	float: left;
	width: 48%;
}

.home-bottom-1 .widget {
	margin: 0 auto;
	padding: 20 0px 0 0;
}

.home-bottom-2 {
	float: right;
	width: 50%;
}

---

“People are only supposed to believe the legends not understand them.” Norman Collins
Design | Blog

[Sridhar Katakam]

Can you provide URL of the site?

---

Genesis Tutorials | Follow me on Twitter

[theKatrinaM]

I removed it as a widget and created it as a photo instead. Thank you for wanting to help.

http://www.riotcustoms.com - the site is under maintenance.

---

“People are only supposed to believe the legends not understand them.” Norman Collins
Design | Blog

[Author]

Posts