goldenideasforyou

Well I finally fixed it mc_kath! Thanks for the help you gave, even though it wasn’t part of what solved the issue. It related to the img command at the end of the CSS. I hate fixing other people’s code.

Hi Kath, so I’ve figure out a couple of issues for what’s going on. The person who created everything has some CSS code relating to MailChimp that’s causing a lot of conflicts with other images.

/* MAIL CHIMP */

#mc_signup {
	background-image: url('http://hungerforhappiness.com/wp-content/uploads/2014/05/formbg.jpg');
	background-repeat: no-repeat;
	background-size: 620px 140px;
	width: 620px;
	height: 140px;
}

#mc_signup_submit {
width: 50px !important;
border: 1px;
height: 50px;
border-radius: 40px !important;
font-size: 20px;
color: #fff;
background-color: #5d2969;
margin: -50px 0 0 550px !important;
-webkit-transform: rotate(-10deg);
}

#mc_signup_form .mc_var_label {
	display: none;
}

#mc-indicates-required {
	display: none;
}

#mc_display_rewards {
	display: none;
}

#mc_signup_form .mc_input {
	width: 170px;
	height: 25px;
	background-color: #d18525;
	color: #fff;
	font-weight: bold;
	border: none;
	padding-left: 5px;
}

input#mc_mv_FNAME {
	margin: 60px 0px 0 190px;
	position: absolute;
}

input#mc_mv_EMAIL {
	margin: 60px 0px 0 370px;
}

#mc_message {
	position: absolute;
	margin: 90px 0 0 190px;
	font-size: 18px;
	width: 350px;
	text-align: center;
	line-height: 12px;
}

::-webkit-input-placeholder {
   color: #FFF;
}

:-moz-placeholder { /* Firefox 18- */
   color: #FFF;
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #FFF;
}

:-ms-input-placeholder {
   color: #FFF;
}

div.headerform {
margin: -10px 0 0 -50px;
}

div.mailchimpformbottom {
display: inline-table;
}

#widgetized-area{
	width:980px;
	height:85px;
	overflow:hidden;
	padding-left:10px;
	padding-bottom:15px;
	}

#widget_wrapper{
	background-color:white;
	width:100%;
	overflow:hidden;
	float:left;
	}
#widget_container{
	background-color:#471b3f;
	overflow:hidden;
	border-color:#FFF;
	}

#widget_header{
	width:97%;
	background-color:#471b3f;
	margin:10px 10px 10px 10px;
	overflow:hidden;
	border-style:solid;
	border-width:4px;
	border-color:white;
	}

img {
     -moz-user-select: none;
     border: 0 none;
     margin: 0;
     padding: 0;
     width: 0px;
}

Whenever that CSS is present images in the blog posts along with the Widgets disappear. My assumption is something isn’t closed correctly, but I’ve not been able to find it.