[Skip to main content](#vessel-content) # Center Price Beneath Image on Product Page ## - **[CLDesign](/forum/user/4593-cldesign "View CLDesign's Profile")** - [![CLDesign's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/4593-cldesign "View CLDesign's Profile") Topic Author - [ Offline](/forum/user/4593-cldesign) Less More - Posts: 39 - Thank you received: 0 - - 14 years 11 months ago [\#30702](#30702) by [CLDesign](/forum/user/4593-cldesign "View CLDesign's Profile") *[Center Price Beneath Image on Product Page](/forum/2-general-talk-about-hikashop/30702-center-price-beneath-image-on-product-page#30702 "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!")* was created by *[CLDesign](/forum/user/4593-cldesign "View CLDesign's Profile")* 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](http://bledsoe.cloudaccess.net/component/hikashop/product/243-quickchange-metal-2-button-soft-concrete.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! Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzMwNzAyLWNlbnRlci1wcmljZS1iZW5lYXRoLWltYWdlLW9uLXByb2R1Y3QtcGFnZT90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")** - [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png?1793428657)](/forum/user/63-nicolas "View nicolas's Profile") - [ Away](/forum/user/63-nicolas) Less More - Posts: 86541 - Thank you received: 14304 - - 14 years 11 months ago [\#30736](#30736) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Re: Center Price Beneath Image on Product Page](/forum/2-general-talk-about-hikashop/30702-center-price-beneath-image-on-product-page#30736 "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; } Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzMwNzAyLWNlbnRlci1wcmljZS1iZW5lYXRoLWltYWdlLW9uLXByb2R1Y3QtcGFnZT90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[CLDesign](/forum/user/4593-cldesign "View CLDesign's Profile")** - [![CLDesign's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/4593-cldesign "View CLDesign's Profile") Topic Author - [ Offline](/forum/user/4593-cldesign) Less More - Posts: 39 - Thank you received: 0 - - 14 years 11 months ago [\#30806](#30806) by [CLDesign](/forum/user/4593-cldesign "View CLDesign's Profile") Replied by *[CLDesign](/forum/user/4593-cldesign "View CLDesign's Profile")* on topic *[Re: Center Price Beneath Image on Product Page](/forum/2-general-talk-about-hikashop/30702-center-price-beneath-image-on-product-page#30806 "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! Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzMwNzAyLWNlbnRlci1wcmljZS1iZW5lYXRoLWltYWdlLW9uLXByb2R1Y3QtcGFnZT90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[John.packs](/forum/user/5579-john-packs "View John.packs's Profile")** - [![John.packs's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/5579-john-packs "View John.packs's Profile") - [ Offline](/forum/user/5579-john-packs) Less More - Posts: 3 - Thank you received: 0 - - 14 years 9 months ago [\#35799](#35799) by [John.packs](/forum/user/5579-john-packs "View John.packs's Profile") Replied by *[John.packs](/forum/user/5579-john-packs "View John.packs's Profile")* on topic *[Re: Center Price Beneath Image on Product Page](/forum/2-general-talk-about-hikashop/30702-center-price-beneath-image-on-product-page#35799 "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, Could you explain to us where you found the CSS and what you did to center the image and buy button? Thank you Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzMwNzAyLWNlbnRlci1wcmljZS1iZW5lYXRoLWltYWdlLW9uLXByb2R1Y3QtcGFnZT90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[CLDesign](/forum/user/4593-cldesign "View CLDesign's Profile")** - [![CLDesign's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/4593-cldesign "View CLDesign's Profile") Topic Author - [ Offline](/forum/user/4593-cldesign) Less More - Posts: 39 - Thank you received: 0 - - 14 years 9 months ago [\#35892](#35892) by [CLDesign](/forum/user/4593-cldesign "View CLDesign's Profile") Replied by *[CLDesign](/forum/user/4593-cldesign "View CLDesign's Profile")* on topic *[Re: Center Price Beneath Image on Product Page](/forum/2-general-talk-about-hikashop/30702-center-price-beneath-image-on-product-page#35892 "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, 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 Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzMwNzAyLWNlbnRlci1wcmljZS1iZW5lYXRoLWltYWdlLW9uLXByb2R1Y3QtcGFnZT90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[John.packs](/forum/user/5579-john-packs "View John.packs's Profile")** - [![John.packs's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/5579-john-packs "View John.packs's Profile") - [ Offline](/forum/user/5579-john-packs) Less More - Posts: 3 - Thank you received: 0 - - 14 years 9 months ago [\#35922](#35922) by [John.packs](/forum/user/5579-john-packs "View John.packs's Profile") Replied by *[John.packs](/forum/user/5579-john-packs "View John.packs's Profile")* on topic *[Re: Center Price Beneath Image on Product Page](/forum/2-general-talk-about-hikashop/30702-center-price-beneath-image-on-product-page#35922 "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!")* Thanks for the reply Cora! Didn't seem to work for me, the image stayed on the left ![:(](/media/kunena/emoticons/22.png ":(") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzMwNzAyLWNlbnRlci1wcmljZS1iZW5lYXRoLWltYWdlLW9uLXByb2R1Y3QtcGFnZT90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")** - [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png?1793428657)](/forum/user/63-nicolas "View nicolas's Profile") - [ Away](/forum/user/63-nicolas) Less More - Posts: 86541 - Thank you received: 14304 - - 14 years 9 months ago [\#35967](#35967) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Re: Center Price Beneath Image on Product Page](/forum/2-general-talk-about-hikashop/30702-center-price-beneath-image-on-product-page#35967 "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!")* 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%; } Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzMwNzAyLWNlbnRlci1wcmljZS1iZW5lYXRoLWltYWdlLW9uLXByb2R1Y3QtcGFnZT90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[John.packs](/forum/user/5579-john-packs "View John.packs's Profile")** - [![John.packs's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/5579-john-packs "View John.packs's Profile") - [ Offline](/forum/user/5579-john-packs) Less More - Posts: 3 - Thank you received: 0 - - 14 years 9 months ago [\#36016](#36016) by [John.packs](/forum/user/5579-john-packs "View John.packs's Profile") Replied by *[John.packs](/forum/user/5579-john-packs "View John.packs's Profile")* on topic *[Re: Center Price Beneath Image on Product Page](/forum/2-general-talk-about-hikashop/30702-center-price-beneath-image-on-product-page#36016 "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!")* 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 ![:D](/media/kunena/emoticons/1.png ":D") Thank you both for the help! Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzMwNzAyLWNlbnRlci1wcmljZS1iZW5lYXRoLWltYWdlLW9uLXByb2R1Y3QtcGFnZT90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. Board Categories HikaShop Install & Update Product & Category Display Content Creation Sales and Orders Orders management Reports & Statistics Customers Checkout Payment Methods Shipping Methods Import & Export (CSV, XLS…) Specific Features Affilation Taxes Wishlist Vote Carousel & Slider Mass Actions Filters & Search Discount & Coupon Feature Request Integrations Showcase General Talk about HikaShop Development HikaShop 3.0 Beta Translation Commercial Jobs HikaShop Components HikaMarket Market: Feature requests Market: How to? Market: Bug Report HikaSerial General talk about HikaSerial Serial: Bug Report Serial: How to? Support en Français de HikaSerial (French Support) HikaSubscription HikaAuction Auction: Feature requests Auction: How to? Auction: Bug report Hikashop around the world Support en Français (French Support) Russian FAQ. Курс выживания с Hikashop. Частые вопросы и о Расширения Hikashop Наши сайты на Hikashop 日本語版サポート(Japanese Support) Thai German Archives Bug Report How to? [](/forum/topics/feed/mode-topics?format=feed&type=rss) Time to create page: 0.088 seconds [Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org)