zeropixel

@maeve Lander

First off all…..congrats…awesome plugin…a lifesaver!… looking forward for the pro version =) …

OK Guys…@JONvdHeyden, @lisabeewd and @dentalstyling. I was having the same problem and I came up with this solution. I hope you guys can use it on your themes. It seems browsers block some css rules automatically depending on the theme I guess.. In my case I just added this css classes on my main styles.css or if your theme have to write customs css rules… try there. These classes help me to rewrite and see the thumbs properly. Good Luck !

For the “All Products” section (to resize thumbs images properly)

#main-content-wrapper img, #sidebar img {
width: auto !important;
max-width: 100% !important;
height: auto !important;
}

For inner pages of the catalogue. (to resize thumbs images properly)

.wpc-img img {
border-radius: 0 !important;
box-shadow: none !important;
width: auto !important;
max-width: 100% !important;
height: auto !important;
}

Hi there! The solution that I found for this issue was to use a text-wrap on the css catalogue …so use a FTP software and get the plugin folder, find the catalogue-style.css …and replace this class

.wpc-title a {
	font-size: 14px;
	color: #333333;
	text-decoration:none;
	display:block;
	width: 190px !important;
        text-wrap:normal !important;
        height: auto !important;
}

Keep in mind that I modified properties for my needs ..like the width and I get rid of the arrows…. they were annoying for me. Good luck!