[Skip to main content](#vessel-content) # Add to cart button alignment ## - **[Pgva](/forum/user/34261-pgva "View Pgva's Profile")** - [![Pgva's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar34261.jpg)](/forum/user/34261-pgva "View Pgva's Profile") Topic Author - [ Offline](/forum/user/34261-pgva) Less More - Posts: 56 - Thank you received: 0 - - 5 years 8 months ago [\#329863](#329863) by [Pgva](/forum/user/34261-pgva "View Pgva's Profile") *[Add to cart button alignment](/forum/26-product-category-display/901994-add-to-cart-button-alignment#329863 "-- HikaShop version -- : 4.4.0 -- Joomla version -- : 3.9.24 -- PHP version -- : 7.4 -- Browser(s) name and version -- : Firefox 85.0.1 Hi, How can i align the add to cart button as show on the attached screenshot. Height consistency is already activated but as product titles have varying lengths it causes some issues. I would like the button at a fix space from the bottom of the cell. Thanks in advance")* was created by *[Pgva](/forum/user/34261-pgva "View Pgva's Profile")* -- HikaShop version -- : 4.4.0 -- Joomla version -- : 3.9.24 -- PHP version -- : 7.4 -- Browser(s) name and version -- : Firefox 85.0.1 Hi, How can i align the add to cart button as show on the attached screenshot. Height consistency is already activated but as product titles have varying lengths it causes some issues. I would like the button at a fix space from the bottom of the cell. Thanks in advance - [ ![ScreenShot2021-02-16at9.28.05PM.png](/forum/attachment/52018) ](/forum/attachment/52018 "...t9.28.05PM.png") [ ](/forum/attachment/52018?download=1 "...t9.28.05PM.png") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS85MDE5OTQtYWRkLXRvLWNhcnQtYnV0dG9uLWFsaWdubWVudD90bXBsPW1hcmtkb3du) 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") - [ Away](/forum/user/63-nicolas) Less More - Posts: 86324 - Thank you received: 14286 - - 5 years 8 months ago [\#329882](#329882) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Add to cart button alignment](/forum/26-product-category-display/901994-add-to-cart-button-alignment#329882 "-- HikaShop version -- : 4.4.0 -- Joomla version -- : 3.9.24 -- PHP version -- : 7.4 -- Browser(s) name and version -- : Firefox 85.0.1 Hi, How can i align the add to cart button as show on the attached screenshot. Height consistency is already activated but as product titles have varying lengths it causes some issues. I would like the button at a fix space from the bottom of the cell. Thanks in advance")* Hi, You can do it by adding custom CSS. For example: [ stackoverflow.com/questions/585945/how-t...-a-div-to-the-bottom](https://stackoverflow.com/questions/585945/how-to-align-content-of-a-div-to-the-bottom) A good start: Code: .hikashop_container { position: relative; } .hikashop_container a.hikacart { position: absolute; bottom: 0; } [ www.hikashop.com/support/documentation/1...ize-the-display.html](https://www.hikashop.com/support/documentation/153-customize-the-display.html) Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS85MDE5OTQtYWRkLXRvLWNhcnQtYnV0dG9uLWFsaWdubWVudD90bXBsPW1hcmtkb3du) or [Create an account](/register) to join the conversation. - **[Pgva](/forum/user/34261-pgva "View Pgva's Profile")** - [![Pgva's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar34261.jpg)](/forum/user/34261-pgva "View Pgva's Profile") Topic Author - [ Offline](/forum/user/34261-pgva) Less More - Posts: 56 - Thank you received: 0 - - 5 years 8 months ago [\#329897](#329897) by [Pgva](/forum/user/34261-pgva "View Pgva's Profile") Replied by *[Pgva](/forum/user/34261-pgva "View Pgva's Profile")* on topic *[Add to cart button alignment](/forum/26-product-category-display/901994-add-to-cart-button-alignment#329897 "-- HikaShop version -- : 4.4.0 -- Joomla version -- : 3.9.24 -- PHP version -- : 7.4 -- Browser(s) name and version -- : Firefox 85.0.1 Hi, How can i align the add to cart button as show on the attached screenshot. Height consistency is already activated but as product titles have varying lengths it causes some issues. I would like the button at a fix space from the bottom of the cell. Thanks in advance")* Thanks Nicolas, a good start effectively. The button goes down with the provided CSS but i'd like to keep it 2 or 3 px from the bottom. However, the button now is totally off center and even out of the container (See enclosed) I turn around to see if i can find the right part to edit but have no success. I'll appreciate if you can help me again on that Thanks in advance - [ ![ScreenShot2021-02-22at9.42.01PM.png](/forum/attachment/52020) ](/forum/attachment/52020 "...t9.42.01PM.png") [ ](/forum/attachment/52020?download=1 "...t9.42.01PM.png") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS85MDE5OTQtYWRkLXRvLWNhcnQtYnV0dG9uLWFsaWdubWVudD90bXBsPW1hcmtkb3du) or [Create an account](/register) to join the conversation. - **[Philip](/forum/user/34318-philip "View Philip's Profile")** - [![Philip's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar34318_2015-11-18-2.png)](/forum/user/34318-philip "View Philip's Profile") - [ Offline](/forum/user/34318-philip) Less More - Posts: 4820 - Thank you received: 654 - - 5 years 8 months ago - 5 years 8 months ago [\#329902](#329902) by [Philip](/forum/user/34318-philip "View Philip's Profile") Replied by *[Philip](/forum/user/34318-philip "View Philip's Profile")* on topic *[Add to cart button alignment](/forum/26-product-category-display/901994-add-to-cart-button-alignment#329902 "-- HikaShop version -- : 4.4.0 -- Joomla version -- : 3.9.24 -- PHP version -- : 7.4 -- Browser(s) name and version -- : Firefox 85.0.1 Hi, How can i align the add to cart button as show on the attached screenshot. Height consistency is already activated but as product titles have varying lengths it causes some issues. I would like the button at a fix space from the bottom of the cell. Thanks in advance")* Hello, The most simple way, will be to add some **left command**, **AND** adjust the **bottom value** like this : Code: .hikashop_container a.hikacart { position: absolute; bottom: 10px; left: 75px; } Where "**bottom: *10px*;**" & "**left: *75px*;**" are value exemple, you will have I guess to adapt this value to fit your needs. Hope this will help you to solve this. Regards Last edit: 5 years 8 months ago by [Philip](/forum/user/34318-philip "View Philip's Profile"). Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS85MDE5OTQtYWRkLXRvLWNhcnQtYnV0dG9uLWFsaWdubWVudD90bXBsPW1hcmtkb3du) or [Create an account](/register) to join the conversation. - **[Pgva](/forum/user/34261-pgva "View Pgva's Profile")** - [![Pgva's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar34261.jpg)](/forum/user/34261-pgva "View Pgva's Profile") Topic Author - [ Offline](/forum/user/34261-pgva) Less More - Posts: 56 - Thank you received: 0 - - 5 years 8 months ago [\#329963](#329963) by [Pgva](/forum/user/34261-pgva "View Pgva's Profile") Replied by *[Pgva](/forum/user/34261-pgva "View Pgva's Profile")* on topic *[Add to cart button alignment](/forum/26-product-category-display/901994-add-to-cart-button-alignment#329963 "-- HikaShop version -- : 4.4.0 -- Joomla version -- : 3.9.24 -- PHP version -- : 7.4 -- Browser(s) name and version -- : Firefox 85.0.1 Hi, How can i align the add to cart button as show on the attached screenshot. Height consistency is already activated but as product titles have varying lengths it causes some issues. I would like the button at a fix space from the bottom of the cell. Thanks in advance")* Thanks Mohamed, i adjust the values and yes it works great, the "add to cart" buttons are aligned and now centered within the cells. However, in some cases, the product code & the qty available are covered by the add to cart button (see enclosed) I try to edit the product "name" with a very long title, it works to a certain extend as all the cells on the same page expends accordingly, but this means that in every pages at least 1 cell still looks weird in order for all others to look ok. So is there a way to push down the add to cart buttons and expend the cells accordingly? Is there a way to determine a specific height for the cells (3 columns layout) instead of variable? Thanks in advance - [ ![ScreenShot2021-02-23at11.44.58PM.png](/forum/attachment/52039) ](/forum/attachment/52039 "...11.44.58PM.png") [ ](/forum/attachment/52039?download=1 "...11.44.58PM.png") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS85MDE5OTQtYWRkLXRvLWNhcnQtYnV0dG9uLWFsaWdubWVudD90bXBsPW1hcmtkb3du) 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") - [ Away](/forum/user/63-nicolas) Less More - Posts: 86324 - Thank you received: 14286 - - 5 years 8 months ago [\#329965](#329965) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Add to cart button alignment](/forum/26-product-category-display/901994-add-to-cart-button-alignment#329965 "-- HikaShop version -- : 4.4.0 -- Joomla version -- : 3.9.24 -- PHP version -- : 7.4 -- Browser(s) name and version -- : Firefox 85.0.1 Hi, How can i align the add to cart button as show on the attached screenshot. Height consistency is already activated but as product titles have varying lengths it causes some issues. I would like the button at a fix space from the bottom of the cell. Thanks in advance")* Hi, Yes. You just need to increase the height of the div of the cell. For example, with such CSS: Code: .hikashop_subcontainer{ height: 500px; } Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS85MDE5OTQtYWRkLXRvLWNhcnQtYnV0dG9uLWFsaWdubWVudD90bXBsPW1hcmtkb3du) or [Create an account](/register) to join the conversation. - **[Pgva](/forum/user/34261-pgva "View Pgva's Profile")** - [![Pgva's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar34261.jpg)](/forum/user/34261-pgva "View Pgva's Profile") Topic Author - [ Offline](/forum/user/34261-pgva) Less More - Posts: 56 - Thank you received: 0 - - 5 years 8 months ago [\#329979](#329979) by [Pgva](/forum/user/34261-pgva "View Pgva's Profile") Replied by *[Pgva](/forum/user/34261-pgva "View Pgva's Profile")* on topic *[Add to cart button alignment](/forum/26-product-category-display/901994-add-to-cart-button-alignment#329979 "-- HikaShop version -- : 4.4.0 -- Joomla version -- : 3.9.24 -- PHP version -- : 7.4 -- Browser(s) name and version -- : Firefox 85.0.1 Hi, How can i align the add to cart button as show on the attached screenshot. Height consistency is already activated but as product titles have varying lengths it causes some issues. I would like the button at a fix space from the bottom of the cell. Thanks in advance")* Thanks Nicolas, it works like a charm!!! Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS85MDE5OTQtYWRkLXRvLWNhcnQtYnV0dG9uLWFsaWdubWVudD90bXBsPW1hcmtkb3du) 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.085 seconds [Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org)