Center Price Beneath Image on Product Page

Hi,

First of all, the tech support here has been fantastic, so thank you so much for that!!!

I've managed to center everything as I would like for the most part on my product page, but I still can't seem to get the price and the product image to center and align in the middle, with one directly on top of the other. See the link below:

bledsoe.cloudaccess.net/component/hikash...ncrete.html?Itemid=0

The price still sits a little to the right, and the image a little to the left. Is there a way to align them so that they're centered and one on top of the other?

Thanks!

Hi,

You can use that CSS:
#hikashop_product_image_main{
text-align: center;
}

That worked perfectly. Thanks!

Hi, Could you explain to us where you found the CSS and what you did to center the image and buy button?

Thank you

Hi,

It's been a little while, but I'm pretty sure that this is all I did:

Go to Administration > Components > HikaShop > Configuration >

Then look for the second set of tabs below "Configuration" that begin with "Main, Checkout, Files...", and select "Display".

Scroll about halfway down the page, until you see the blue "CSS" heading on the left. Click on the pencil and paper link to the right of "Front-end CSS File" and copy/paste this at the top:

#hikashop_product_image_main{
text-align: center;
}

Hope that helps!!!

Cora

Thanks for the reply Cora!

Didn't seem to work for me, the image stayed on the left

You also need to change the width of the left part area to 100% instead of 50% in that same file:
.hikashop_product_left_part{
text-align:center;
float:left;
width:50%;
}

I did all of that and it still didn't work so I also changed:

hikashop_product_right_part

to

hikashop_product_center_part

and it worked

Thank you both for the help!