Forums / Templates, Stylesheets, Page Layout / Issues with Product info page: my product image is overlapping the product name, etc

Issues with Product info page: my product image is overlapping the product name, etc

Started by wmorris on 4 May 2011, 4:52 PM · Views: 1,746

Results 1 to 6 of 6
4 May 2011, 4:52 PM
#1
wmorris avatar

wmorris

Totally Zenned

Join Date:
Aug 2007
Location:
Amarillo, Tx
Posts:
1,683
Plugin Contributions:
0

Issues with Product info page: my product image is overlapping the product name, etc

Please take a look at my product info page:

http://www.morrisgiftshop.biz/index.php?main_page=product_info&cPath=16&products_id=154

can you please help me why my product image is overlapping the product name and product# and others on the right side of the image?

4 May 2011, 5:07 PM
#2
haredo avatar

haredo

Totally Zenned

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

Re: Issues with Product info page: my product image is overlapping the product name, etc

looking at this page with the browser called Firebox with the Add On called Firebug..

When I eliminate this property it is fixed but there is an important beside it..
Have you installed a module within cherry template..

includes/templates/cherry_zen/css/stylesheet.css

#productMainImage {
background: url("../images/shadowAlpha.png") no-repeat scroll right bottom transparent !important;
float: left;
margin: 1em 0 0 10em !important;
}

  1. highlighted in red above fixed it, but i would contact the mod developer you are using or Cherry Template if no mod..
  1. the fix is:
  1. margin: 1em 0 0 1em !important;

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.

4 May 2011, 5:22 PM
#3
wmorris avatar

wmorris

Totally Zenned

Join Date:
Aug 2007
Location:
Amarillo, Tx
Posts:
1,683
Plugin Contributions:
0

Re: Issues with Product info page: my product image is overlapping the product name, etc

Thank you, I got it.

Is also possible to put the name of the product above the product image?

4 May 2011, 5:24 PM
#4
haredo avatar

haredo

Totally Zenned

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

Re: Issues with Product info page: my product image is overlapping the product name, etc

Find this below:

includes/templates/cherry_zen/css/stylesheet.css

#productMainImage {
background: url("../images/shadowAlpha.png") no-repeat scroll right bottom transparent !important;
float: left;
margin: 1em 0 0 10em !important;
}

  1. highlighted in red above it your problem
  1. the fix is:
  1. margin: 1em 0 0 1em !important;

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.

4 May 2011, 5:27 PM
#5
wmorris avatar

wmorris

Totally Zenned

Join Date:
Aug 2007
Location:
Amarillo, Tx
Posts:
1,683
Plugin Contributions:
0

Re: Issues with Product info page: my product image is overlapping the product name, etc

haredo:

Find this below:

includes/templates/cherry_zen/css/stylesheet.css

I got it fixed,,,, is it possible to put the name of the product above the image istead side of it?

4 May 2011, 5:30 PM
#6
haredo avatar

haredo

Totally Zenned

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

Re: Issues with Product info page: my product image is overlapping the product name, etc

Sure you can, you will just follow this tutorial and move the product name...> https://www.zen-cart.com/tutorials/index.php?article=5

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.