Page 1 of 1

Featured Product image askew

Posted: Fri Nov 03, 2017 7:09 am
by 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!

Re: Featured Product image askew

Posted: Fri Nov 03, 2017 9:17 am
by 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.

Re: Featured Product image askew

Posted: Tue Nov 07, 2017 10:54 am
by 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

Re: Featured Product image askew

Posted: Tue Nov 07, 2017 11:07 am
by 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.

Re: Featured Product image askew

Posted: Tue Nov 07, 2017 12:01 pm
by Dhara1937
Thanks, John.
You're help is terrific.
I really appreciate it!
That took care of it.
--Dhara