[Skip to main content](#vessel-content) # align price left on product detail page ## - **[kingdm](/forum/user/4108-kingdm "View kingdm's Profile")** - [![kingdm's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/4108-kingdm "View kingdm's Profile") Topic Author - [ Offline](/forum/user/4108-kingdm) Less More - Posts: 9 - Thank you received: 0 - - 14 years 7 months ago [\#45028](#45028) by [kingdm](/forum/user/4108-kingdm "View kingdm's Profile") *[align price left on product detail page](/forum/2-general-talk-about-hikashop/45028-align-price-left-on-product-detail-page#45028 "Hello! Thanks again for the great product. I've been trying align the price on the product detail page to the left by editing the front end css file, but nothing I do seems to work. I'm attaching two screen shots to show you the layout. The first (ss.jpg) is how it is displaying now and the second (ss2.jpg) shows where I would like to move the alignment to the left. I using hikashop 1.5.6 in a joomla! 2.5.3 installation. Any help would be appreciated!")* was created by *[kingdm](/forum/user/4108-kingdm "View kingdm's Profile")* Hello! Thanks again for the great product. I've been trying align the price on the product detail page to the left by editing the front end css file, but nothing I do seems to work. I'm attaching two screen shots to show you the layout. The first (ss.jpg) is how it is displaying now and the second (ss2.jpg) shows where I would like to move the alignment to the left. I using hikashop 1.5.6 in a joomla! 2.5.3 installation. Any help would be appreciated! - [ ![ss.jpg](/forum/attachment/3271) ](/forum/attachment/3271 "ss.jpg") [ ](/forum/attachment/3271?download=1 "ss.jpg") - [ ![ss2.jpg](/forum/attachment/3272) ](/forum/attachment/3272 "ss2.jpg") [ ](/forum/attachment/3272?download=1 "ss2.jpg") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzQ1MDI4LWFsaWduLXByaWNlLWxlZnQtb24tcHJvZHVjdC1kZXRhaWwtcGFnZT90bXBsPW1hcmtkb3du) or [Create an account](/register) 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") - [ Offline](/forum/user/63-nicolas) Less More - Posts: 86322 - Thank you received: 14281 - - 14 years 7 months ago [\#45171](#45171) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Re: align price left on product detail page](/forum/2-general-talk-about-hikashop/45028-align-price-left-on-product-detail-page#45171 "Hello! Thanks again for the great product. I've been trying align the price on the product detail page to the left by editing the front end css file, but nothing I do seems to work. I'm attaching two screen shots to show you the layout. The first (ss.jpg) is how it is displaying now and the second (ss2.jpg) shows where I would like to move the alignment to the left. I using hikashop 1.5.6 in a joomla! 2.5.3 installation. Any help would be appreciated!")* You should be able to do that simply with such CSS: span.hikashop_product_price_full { text-align: left; } Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzQ1MDI4LWFsaWduLXByaWNlLWxlZnQtb24tcHJvZHVjdC1kZXRhaWwtcGFnZT90bXBsPW1hcmtkb3du) or [Create an account](/register) to join the conversation. - **[kingdm](/forum/user/4108-kingdm "View kingdm's Profile")** - [![kingdm's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/4108-kingdm "View kingdm's Profile") Topic Author - [ Offline](/forum/user/4108-kingdm) Less More - Posts: 9 - Thank you received: 0 - - 14 years 7 months ago [\#45192](#45192) by [kingdm](/forum/user/4108-kingdm "View kingdm's Profile") Replied by *[kingdm](/forum/user/4108-kingdm "View kingdm's Profile")* on topic *[Re: align price left on product detail page](/forum/2-general-talk-about-hikashop/45028-align-price-left-on-product-detail-page#45192 "Hello! Thanks again for the great product. I've been trying align the price on the product detail page to the left by editing the front end css file, but nothing I do seems to work. I'm attaching two screen shots to show you the layout. The first (ss.jpg) is how it is displaying now and the second (ss2.jpg) shows where I would like to move the alignment to the left. I using hikashop 1.5.6 in a joomla! 2.5.3 installation. Any help would be appreciated!")* Thanks for the reply. I figured out that I was clicking save when closing the modal box for the CSS file, but I wasn't clicking save on the joomla display page when done. Everything looks great now! Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzQ1MDI4LWFsaWduLXByaWNlLWxlZnQtb24tcHJvZHVjdC1kZXRhaWwtcGFnZT90bXBsPW1hcmtkb3du) or [Create an account](/register) to join the conversation. - **[lanzanet](/forum/user/7823-lanzanet "View lanzanet's Profile")** - [![lanzanet's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar7823.png)](/forum/user/7823-lanzanet "View lanzanet's Profile") - [ Offline](/forum/user/7823-lanzanet) Less More - Posts: 107 - Thank you received: 3 - - 14 years 4 months ago [\#54216](#54216) by [lanzanet](/forum/user/7823-lanzanet "View lanzanet's Profile") Replied by *[lanzanet](/forum/user/7823-lanzanet "View lanzanet's Profile")* on topic *[Re: align price left on product detail page](/forum/2-general-talk-about-hikashop/45028-align-price-left-on-product-detail-page#54216 "Hello! Thanks again for the great product. I've been trying align the price on the product detail page to the left by editing the front end css file, but nothing I do seems to work. I'm attaching two screen shots to show you the layout. The first (ss.jpg) is how it is displaying now and the second (ss2.jpg) shows where I would like to move the alignment to the left. I using hikashop 1.5.6 in a joomla! 2.5.3 installation. Any help would be appreciated!")* Hi guys. I've edited my CSS file with that code but nothing happens, the price remains aligned to the right. Any sugegstions? Thanks. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzQ1MDI4LWFsaWduLXByaWNlLWxlZnQtb24tcHJvZHVjdC1kZXRhaWwtcGFnZT90bXBsPW1hcmtkb3du) or [Create an account](/register) to join the conversation. - **[lanzanet](/forum/user/7823-lanzanet "View lanzanet's Profile")** - [![lanzanet's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar7823.png)](/forum/user/7823-lanzanet "View lanzanet's Profile") - [ Offline](/forum/user/7823-lanzanet) Less More - Posts: 107 - Thank you received: 3 - - 14 years 4 months ago [\#54217](#54217) by [lanzanet](/forum/user/7823-lanzanet "View lanzanet's Profile") Replied by *[lanzanet](/forum/user/7823-lanzanet "View lanzanet's Profile")* on topic *[Re: align price left on product detail page](/forum/2-general-talk-about-hikashop/45028-align-price-left-on-product-detail-page#54217 "Hello! Thanks again for the great product. I've been trying align the price on the product detail page to the left by editing the front end css file, but nothing I do seems to work. I'm attaching two screen shots to show you the layout. The first (ss.jpg) is how it is displaying now and the second (ss2.jpg) shows where I would like to move the alignment to the left. I using hikashop 1.5.6 in a joomla! 2.5.3 installation. Any help would be appreciated!")* Found this code in other post and put it in my CSS, I changed alignment to left and delete display and margin-bottom tags, and now it works. I don't know why, because it's mainly the same as the other code. span.hikashop_product_price_full{ text-align: center !important; font-weight:bold; display:block; margin-bottom:5px; } ![:)](/media/kunena/emoticons/3.png ":)") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzQ1MDI4LWFsaWduLXByaWNlLWxlZnQtb24tcHJvZHVjdC1kZXRhaWwtcGFnZT90bXBsPW1hcmtkb3du) or [Create an account](/register) to join the conversation. - **[lanzanet](/forum/user/7823-lanzanet "View lanzanet's Profile")** - [![lanzanet's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar7823.png)](/forum/user/7823-lanzanet "View lanzanet's Profile") - [ Offline](/forum/user/7823-lanzanet) Less More - Posts: 107 - Thank you received: 3 - - 14 years 4 months ago [\#54218](#54218) by [lanzanet](/forum/user/7823-lanzanet "View lanzanet's Profile") Replied by *[lanzanet](/forum/user/7823-lanzanet "View lanzanet's Profile")* on topic *[Re: align price left on product detail page](/forum/2-general-talk-about-hikashop/45028-align-price-left-on-product-detail-page#54218 "Hello! Thanks again for the great product. I've been trying align the price on the product detail page to the left by editing the front end css file, but nothing I do seems to work. I'm attaching two screen shots to show you the layout. The first (ss.jpg) is how it is displaying now and the second (ss2.jpg) shows where I would like to move the alignment to the left. I using hikashop 1.5.6 in a joomla! 2.5.3 installation. Any help would be appreciated!")* Well, when I put the code in my CSS it aligns the price to the left, but also in the products listing. Is there a way to align the price to the left ONLY in the product details page? Thanks. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzQ1MDI4LWFsaWduLXByaWNlLWxlZnQtb24tcHJvZHVjdC1kZXRhaWwtcGFnZT90bXBsPW1hcmtkb3du) or [Create an account](/register) 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") - [ Offline](/forum/user/63-nicolas) Less More - Posts: 86322 - Thank you received: 14281 - - 14 years 4 months ago [\#54283](#54283) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Re: align price left on product detail page](/forum/2-general-talk-about-hikashop/45028-align-price-left-on-product-detail-page#54283 "Hello! Thanks again for the great product. I've been trying align the price on the product detail page to the left by editing the front end css file, but nothing I do seems to work. I'm attaching two screen shots to show you the layout. The first (ss.jpg) is how it is displaying now and the second (ss2.jpg) shows where I would like to move the alignment to the left. I using hikashop 1.5.6 in a joomla! 2.5.3 installation. Any help would be appreciated!")* Yes. You need to add the main class name of the page before that piece of CSS, like that: .hikashop_product_page span.hikashop_product_price_full{ text-align: center !important; font-weight:bold; display:block; margin-bottom:5px; } Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzQ1MDI4LWFsaWduLXByaWNlLWxlZnQtb24tcHJvZHVjdC1kZXRhaWwtcGFnZT90bXBsPW1hcmtkb3du) or [Create an account](/register) to join the conversation. - **[lanzanet](/forum/user/7823-lanzanet "View lanzanet's Profile")** - [![lanzanet's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar7823.png)](/forum/user/7823-lanzanet "View lanzanet's Profile") - [ Offline](/forum/user/7823-lanzanet) Less More - Posts: 107 - Thank you received: 3 - - 14 years 4 months ago [\#54312](#54312) by [lanzanet](/forum/user/7823-lanzanet "View lanzanet's Profile") Replied by *[lanzanet](/forum/user/7823-lanzanet "View lanzanet's Profile")* on topic *[Re: align price left on product detail page](/forum/2-general-talk-about-hikashop/45028-align-price-left-on-product-detail-page#54312 "Hello! Thanks again for the great product. I've been trying align the price on the product detail page to the left by editing the front end css file, but nothing I do seems to work. I'm attaching two screen shots to show you the layout. The first (ss.jpg) is how it is displaying now and the second (ss2.jpg) shows where I would like to move the alignment to the left. I using hikashop 1.5.6 in a joomla! 2.5.3 installation. Any help would be appreciated!")* Thanks very much, Nicolas. Now is working fine. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzQ1MDI4LWFsaWduLXByaWNlLWxlZnQtb24tcHJvZHVjdC1kZXRhaWwtcGFnZT90bXBsPW1hcmtkb3du) or [Create an account](/register) 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.138 seconds [Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org)