Featured Product image askew

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

Featured Product image askew

Postby Dhara1937 » Fri Nov 03, 2017 7:09 am

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

Re: Featured Product image askew

Postby JohnB » Fri Nov 03, 2017 9:17 am

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

Re: Featured Product image askew

Postby Dhara1937 » Tue Nov 07, 2017 10:54 am

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

Re: Featured Product image askew

Postby JohnB » Tue Nov 07, 2017 11:07 am

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

Re: Featured Product image askew

Postby Dhara1937 » Tue Nov 07, 2017 12:01 pm

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




Return to “Report a Bug”



Who is online

Users browsing this forum: No registered users and 3 guests

cron