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....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?

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

Quote:

---

#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;

---

Thank you, I got it.

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

Find this below:

includes/templates/cherry_zen/css/stylesheet.css

Quote:

---

#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;

---

Quote:

---

Originally Posted by 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?

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

Quote:

---

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

---