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

[wmorris]

Please take a look at my product info page:

http://www.morrisgiftshop.biz/index....roducts_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?

[haredo]

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..
2. the fix is:
3. margin: 1em 0 0 1em !important;

[wmorris]

Thank you, I got it.

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

[haredo]

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
2. the fix is:
3. margin: 1em 0 0 1em !important;

[wmorris]

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?

[haredo]

Sure you can, you will just follow this tutorial and move the product name...

https://www.zen-cart.com/tutorials/index.php?article=5