Featured Product image askew

We appreciate your feedback - please let us know how we can improve AllProWebTools.
Post Reply
Dhara1937
AllPro Expert
AllPro Expert
Posts: 66
meble kuchenne Mikołów Knurów Czechowice-Dziedzice
Joined: Wed Mar 16, 2016 1:06 pm
Website: www.webrose.net

Featured Product image askew

Post 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!
User avatar
JohnB
Support Team
Support Team
Posts: 1022
Joined: Wed Nov 04, 2015 3:57 pm
Website: www.allprowebtools.com

Re: Featured Product image askew

Post 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.
Dhara1937
AllPro Expert
AllPro Expert
Posts: 66
Joined: Wed Mar 16, 2016 1:06 pm
Website: www.webrose.net

Re: Featured Product image askew

Post 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
User avatar
JohnB
Support Team
Support Team
Posts: 1022
Joined: Wed Nov 04, 2015 3:57 pm
Website: www.allprowebtools.com

Re: Featured Product image askew

Post 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.
Dhara1937
AllPro Expert
AllPro Expert
Posts: 66
Joined: Wed Mar 16, 2016 1:06 pm
Website: www.webrose.net

Re: Featured Product image askew

Post by Dhara1937 »

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