Featured Product image askew

We appreciate your feedback - please let us know how we can improve AllProWebTools.
Post Reply
AllPro Expert
AllPro Expert
Joined: Wed Mar 16, 2016 1:06 pm
Website: www.webrose.net

Featured Product image askew

  • Quote

Post

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!
Support Team
Support Team
Website: www.allprowebtools.com

Re: Featured Product image askew

  • Quote

Post

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.
AllPro Expert
AllPro Expert
Website: www.webrose.net

Re: Featured Product image askew

  • Quote

Post

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
Support Team
Support Team
Website: www.allprowebtools.com

Re: Featured Product image askew

  • Quote

Post

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.
AllPro Expert
AllPro Expert
Website: www.webrose.net

Re: Featured Product image askew

  • Quote

Post

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