[Skip to main content](#vessel-content) # Shopping Cart tables not lining up ## - **[ianmarquis](/forum/user/6463-ianmarquis "View ianmarquis's Profile")** - [![ianmarquis's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/6463-ianmarquis "View ianmarquis's Profile") Topic Author - [ Offline](/forum/user/6463-ianmarquis) Less More - Posts: 3 - Thank you received: 0 - - 14 years 8 months ago - 14 years 8 months ago [\#41691](#41691) by [ianmarquis](/forum/user/6463-ianmarquis "View ianmarquis's Profile") *[Shopping Cart tables not lining up](/forum/4-how-to/41691-shopping-cart-tables-not-lining-up#41691 "You can see the website in question here: If you add items to the cart and view it, you will see that the items inside cells in the table are not lining up as they should. The header rows are centered, as are the images and product titles, but the Unit Price, Quantity, and Total Price are not. I have tried applying text-align:center to td, tr, and also the specific row and cell classes used by Hikashop, but I cannot seem to alter the alignment of those three items in any way. It looks pretty terrible the way it is, so I would really love to fix it. Also, another unrelated (but also style-related) issue: I am getting a different spacing above the description on product pages in one category versus another. illustrates the spacing I would like, and illustrates the extra spacing above the description that I am trying to get rid of. I appreciate any help I can get.")* was created by *[ianmarquis](/forum/user/6463-ianmarquis "View ianmarquis's Profile")* You can see the website in question here: [ ](http://www.skillbuildersbooks.com)[ www.skillbuildersbooks.com](http://www.skillbuildersbooks.com) If you add items to the cart and view it, you will see that the items inside cells in the table are not lining up as they should. The header rows are centered, as are the images and product titles, but the Unit Price, Quantity, and Total Price are not. I have tried applying text-align:center to td, tr, and also the specific row and cell classes used by Hikashop, but I cannot seem to alter the alignment of those three items in any way. It looks pretty terrible the way it is, so I would really love to fix it. Also, another unrelated (but also style-related) issue: I am getting a different spacing above the description on product pages in one category versus another. [ This page](http://www.skillbuildersbooks.com/index.php/quick-tips/product/1-how-to-make-your-writing-correct-and-consistent-a-style-guide) illustrates the spacing I would like, and [ this page](http://www.skillbuildersbooks.com/index.php/books/product/4-tell-it-to-the-ceo-how-to-write-compelling-executive-summaries-and-briefings) illustrates the extra spacing above the description that I am trying to get rid of. I appreciate any help I can get. Last edit: 14 years 8 months ago by [ianmarquis](/forum/user/6463-ianmarquis "View ianmarquis's Profile"). Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzQxNjkxLXNob3BwaW5nLWNhcnQtdGFibGVzLW5vdC1saW5pbmctdXA/dG1wbD1tYXJrZG93bg==) 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: 86323 - Thank you received: 14283 - - 14 years 8 months ago [\#41865](#41865) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Re: Shopping Cart tables not lining up](/forum/4-how-to/41691-shopping-cart-tables-not-lining-up#41865 "You can see the website in question here: If you add items to the cart and view it, you will see that the items inside cells in the table are not lining up as they should. The header rows are centered, as are the images and product titles, but the Unit Price, Quantity, and Total Price are not. I have tried applying text-align:center to td, tr, and also the specific row and cell classes used by Hikashop, but I cannot seem to alter the alignment of those three items in any way. It looks pretty terrible the way it is, so I would really love to fix it. Also, another unrelated (but also style-related) issue: I am getting a different spacing above the description on product pages in one category versus another. illustrates the spacing I would like, and illustrates the extra spacing above the description that I am trying to get rid of. I appreciate any help I can get.")* You need to remove the code: \#hikashop_checkout_page .hikashop_product_price_full { text-align: left; } from the CSS file of HikaShop. For the quantity elements, it's the CSS: .hikashop_cart_product_quantity_value .hikashop_product_quantity_field, .hikashop_cart_product_quantity_value .hikashop_cart_product_quantity_refresh, .hikashop_cart_product_quantity_value .hikashop_cart_product_quantity_delete { float: left; } .hikashop_cart_product_quantity_delete, .hikashop_cart_product_quantity_refresh, .hikashop_product_quantity_field { float: left; } However, if you remove it, each elements of the quantity area will be one on top of the other. Regarding your description text the problem comes from the way you did it. You set a negative margin-top on hikashop_product_bottom_part. However, your images are not the same size so the margin has to be different between each product to compensate for the difference. You could do that for example: \#hikashop_product_B1_page .hikashop_product_bottom_part{ margin-top: -375px !important; } The following user(s) said Thank You: [ianmarquis](/forum/user/6463-ianmarquis "View ianmarquis's Profile") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzQxNjkxLXNob3BwaW5nLWNhcnQtdGFibGVzLW5vdC1saW5pbmctdXA/dG1wbD1tYXJrZG93bg==) or [Create an account](/register) to join the conversation. - **[ianmarquis](/forum/user/6463-ianmarquis "View ianmarquis's Profile")** - [![ianmarquis's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/6463-ianmarquis "View ianmarquis's Profile") Topic Author - [ Offline](/forum/user/6463-ianmarquis) Less More - Posts: 3 - Thank you received: 0 - - 14 years 7 months ago [\#41972](#41972) by [ianmarquis](/forum/user/6463-ianmarquis "View ianmarquis's Profile") Replied by *[ianmarquis](/forum/user/6463-ianmarquis "View ianmarquis's Profile")* on topic *[Re: Shopping Cart tables not lining up](/forum/4-how-to/41691-shopping-cart-tables-not-lining-up#41972 "You can see the website in question here: If you add items to the cart and view it, you will see that the items inside cells in the table are not lining up as they should. The header rows are centered, as are the images and product titles, but the Unit Price, Quantity, and Total Price are not. I have tried applying text-align:center to td, tr, and also the specific row and cell classes used by Hikashop, but I cannot seem to alter the alignment of those three items in any way. It looks pretty terrible the way it is, so I would really love to fix it. Also, another unrelated (but also style-related) issue: I am getting a different spacing above the description on product pages in one category versus another. illustrates the spacing I would like, and illustrates the extra spacing above the description that I am trying to get rid of. I appreciate any help I can get.")* Thank you, Nicholas. I kept the floats and added a text-align:left; to each of those, which fixed everything but the quantity field. I can probably live with that one not lining up, but I am not sure why it wouldn't obey the style sheet (unless there's something else in play). Regarding the top space on the product pages, I see what you mean. I had cribbed your layout adjustment styles from another thread where you answered a similar question, and the fix only worked for images that were all the same size. I shortened the taller ones as a quick fix, and it works now. Again, many thanks. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzQxNjkxLXNob3BwaW5nLWNhcnQtdGFibGVzLW5vdC1saW5pbmctdXA/dG1wbD1tYXJrZG93bg==) 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.106 seconds [Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org)