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!

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

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!