Forums / General Questions / Product image issues...

Product image issues...

Started by jmplahit on 5 May 2012, 3:08 AM · Views: 728

Results 1 to 5 of 5
5 May 2012, 3:08 AM
#1
jmplahit avatar

jmplahit

New Zenner

Join Date:
Apr 2012
Posts:
4
Plugin Contributions:
0

Product image issues...

There's a big ugly white line running through the middle of this product image. Any ideas?

Attachment 10412

This is the only product having this issue, and it's also the only one that has a different product type than all the other products (this one doesn't have a shopping cart, the other products have a cart at the top next to the pricing block)...

Thanks,

6 May 2012, 4:38 PM
#2
get_em_fast avatar

get_em_fast

Totally Zenned

Join Date:
Dec 2006
Location:
Seligman, MO U.S.A.
Posts:
2,072
Plugin Contributions:
1

Re: Product image issues...

Could you post a link to your site.................preferrably the exact page that this image is displayed, please? Just from your image, it looks like a simple z-index issue, but without actually SEEING it, that's the best answer I can give.

Teach them to shop and they will shop today;
Teach them to Zen and they will OWN a shop tomorrow!

7 May 2012, 1:04 AM
#4
haredo avatar

haredo

Totally Zenned

Join Date:
Apr 2006
Location:
Texas
Posts:
6,189
Plugin Contributions:
0

Re: Product image issues...

Look here:

includes/templates/strong/css/stylesheet.css

Change here:

h2 {
border-bottom: 1px solid #EBEBEB;
color: #474844;
display: block;
font: bold 1.473em tahoma;
padding: 15px 0 5px !important;
position: relative;
}

change this: border-bottom: 1px solid #EBEBEB; to border-bottom: 0px solid #EBEBEB;

Need a hand with Zen Cart? Hire the team at myZenCartZone.com for upgrades, repairs, and custom plugins.

Zen Cart Certified hosting at myZenCartHost.com.

7 May 2012, 2:03 AM
#5
get_em_fast avatar

get_em_fast

Totally Zenned

Join Date:
Dec 2006
Location:
Seligman, MO U.S.A.
Posts:
2,072
Plugin Contributions:
1

Re: Product image issues...

Hmmmm...............Mark.........you okay? It's not like you to post such a "dirty" uhhh.........fix?..............

The CORRECT way to fix this issue, jmplahit, since it's TWO (2) things having the border (which you can tell by the look that the border IS wanted).........would be to limit the width of the product name and price (those being the two culprits.....one being under the image, the other on top of..), as shown below. THEN, you can have your border and hide it too......:D

#productName {
   width: 430px;
   float: right;
}
#productPrices {
   width: 430px;
   float: right;
}

Hope this helps.

P.S. Sorry, Mark..............just messin' with ya' buddy. :yes:

Teach them to shop and they will shop today;
Teach them to Zen and they will OWN a shop tomorrow!