Front page of Innov8tive theme widget issue

[ChrissyMorin]

All I did was changed the category for the bottom widget on the main page of this website and now they aren't lining up nicely on the main page?
Any suggestions

http://poochandclaws.com

---

Chrissy Morin – Your Web Chick – Denver CO

http://poochandclaws.com

[rfmeier]

Hello,

Due to the layout of the featured posts, the images are being stretched (to fit). This is due to a rule within the style.css file, the images are attempting to fit the layout. The images are being stretched to 160px (natural width is 150px), causing the layout to break.

img {
	height: auto;
	max-width: 100%;
}

Through Chrome developer tools, I was able to alter the style.css to force the feature images to a max width of 150px.

/* line ~1173 */
#home .featuredpost img,
#home-bottom .featuredpost img {
	background-color: #fff;
	margin: 0 0 10px;
	max-width: 150px; /* added a max width for the images */
}

https://www.diigo.com/item/image/40chg/p2ew

I hope this helps.

---

Ryan Meier – Twitter

[ChrissyMorin]

I didn't change anything in the CSS because I don't know HOW to..lol and it worked fine yesterday.. how could I have broken it? 🙁

---

Chrissy Morin – Your Web Chick – Denver CO

[rfmeier]

There is a chance a title or word is large and pushing the featured post to be a tad wider... just enough to break the layout.

---

Ryan Meier – Twitter

[ChrissyMorin]

Ahhh.. I was using the "amplified Posts Widget" so I reduced the size of the allowed title and that seemed to fix it.. Thanks so much for your help! 🙂

---

Chrissy Morin – Your Web Chick – Denver CO

[rfmeier]

You are welcome. Good luck.

---

Ryan Meier – Twitter

[Author]

Posts