Featured Product image askew

[Dhara1937]

Hi.
This might be an issue just on the one site www.CharmingBead.com.
The Featured Item image is showing perfectly on my other site, www.TheFeltingSource.com.
Can you please help me troubleshoot why the image for the featured item on the Charming Bead website is not showing properly? https://www.charmingbead.com/shopping-c ... dd+to+Cart
From what I can determine, the image src is not linking up and if that's the case, I wouldn't know how to fix that.
Thanks much!

[JohnB]

If you look at the url of the image, the image has a file name of "img_1857.jpg-bca-s.jpg" which is not a proper file name.

I would suggest starting by re-uploading that image with a corrected file name, like "img_1857-bca-s.jpg," and see if that corrects the issue.

[Dhara1937]

Hi John.
I did as you suggested and renamed and uploaded the newly "renamed correctly" images.
It did not solve the issue as you can see from this view.
https://www.charmingbead.com/shopping-c ... dd+to+Cart
Thanks for determining what is wrong with this and how to fix it.
Thanks much!
--Dhara

[JohnB]

Looking futher, it looks like you have added some custom CSS to the stylesheet to limit the width of the div containing the image. I'm referring specifically to:

Code: Select all

.shopping-related .featured {
  width: 14%;
}

If you remove that code, or alter it to allow a wider containing div, the image will scale to fit inside that div.

[Dhara1937]

Thanks, John.
You're help is terrific.
I really appreciate it!
That took care of it.
--Dhara