[Skip to main content](#vessel-content) # Shipping/Delivery buttons don't align ## - **[wireball](/forum/user/30146-wireball "View wireball's Profile")** - [![wireball's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar30146.png)](/forum/user/30146-wireball "View wireball's Profile") Topic Author - [ Offline](/forum/user/30146-wireball) Less More - Posts: 17 - Thank you received: 0 - - - 12 years 10 months ago [\#136434](#136434) by [wireball](/forum/user/30146-wireball "View wireball's Profile") *[Shipping/Delivery buttons don't align](/forum/25-install-update/864327-shipping-delivery-buttons-dont-align#136434 "I'm experiencing an issue with the Payment/Shipping selection buttons not aligning with their descriptions in the checkout page. I've added the following code but the issue is not being corrected: #hikashop_checkout_page .hikashop_shipping_methods td { vertical-align: top !important; } Screencap: screencast.com/t/v9YAh4bCxoh How can i fix this? -- url of the page with the problem -- : rawgourmet.ca/index.php/component/hikash...ep/step-1?Itemid=192 -- HikaShop version -- : 2.2.3 -- Joomla version -- : 2.5.16 -- Browser(s) name and version -- : Safari")* was created by *[wireball](/forum/user/30146-wireball "View wireball's Profile")* I'm experiencing an issue with the Payment/Shipping selection buttons not aligning with their descriptions in the checkout page. I've added the following code but the issue is not being corrected: \#hikashop_checkout_page .hikashop_shipping_methods td { vertical-align: top !important; } Screencap: [ screencast.com/t/v9YAh4bCxoh](http://screencast.com/t/v9YAh4bCxoh) How can i fix this? -- url of the page with the problem -- : [ rawgourmet.ca/index.php/component/hikash...ep/step-1?Itemid=192](http://rawgourmet.ca/index.php/component/hikashop/checkout/step/step-1?Itemid=192) -- HikaShop version -- : 2.2.3 -- Joomla version -- : 2.5.16 -- Browser(s) name and version -- : Safari Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI1LWluc3RhbGwtdXBkYXRlLzg2NDMyNy1zaGlwcGluZy1kZWxpdmVyeS1idXR0b25zLWRvbnQtYWxpZ24/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Jerome](/forum/user/80-jerome "View Jerome's Profile")** - [![Jerome's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar80.png)](/forum/user/80-jerome "View Jerome's Profile") - [ Offline](/forum/user/80-jerome) - HikaShop core developer Less More - Posts: 26394 - Thank you received: 4078 - - [](http://obsi.dev) - 12 years 10 months ago [\#136549](#136549) by [Jerome](/forum/user/80-jerome "View Jerome's Profile") Replied by *[Jerome](/forum/user/80-jerome "View Jerome's Profile")* on topic *[Shipping/Delivery buttons don't align](/forum/25-install-update/864327-shipping-delivery-buttons-dont-align#136549 "I'm experiencing an issue with the Payment/Shipping selection buttons not aligning with their descriptions in the checkout page. I've added the following code but the issue is not being corrected: #hikashop_checkout_page .hikashop_shipping_methods td { vertical-align: top !important; } Screencap: screencast.com/t/v9YAh4bCxoh How can i fix this? -- url of the page with the problem -- : rawgourmet.ca/index.php/component/hikash...ep/step-1?Itemid=192 -- HikaShop version -- : 2.2.3 -- Joomla version -- : 2.5.16 -- Browser(s) name and version -- : Safari")* Hi, I do not see your css rule, which is right. Regards, --- Jerome - Obsidev.com HikaMarket & HikaSerial developer / HikaShop core dev team. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI1LWluc3RhbGwtdXBkYXRlLzg2NDMyNy1zaGlwcGluZy1kZWxpdmVyeS1idXR0b25zLWRvbnQtYWxpZ24/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[wireball](/forum/user/30146-wireball "View wireball's Profile")** - [![wireball's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar30146.png)](/forum/user/30146-wireball "View wireball's Profile") Topic Author - [ Offline](/forum/user/30146-wireball) Less More - Posts: 17 - Thank you received: 0 - - - 12 years 10 months ago [\#136713](#136713) by [wireball](/forum/user/30146-wireball "View wireball's Profile") Replied by *[wireball](/forum/user/30146-wireball "View wireball's Profile")* on topic *[Shipping/Delivery buttons don't align](/forum/25-install-update/864327-shipping-delivery-buttons-dont-align#136713 "I'm experiencing an issue with the Payment/Shipping selection buttons not aligning with their descriptions in the checkout page. I've added the following code but the issue is not being corrected: #hikashop_checkout_page .hikashop_shipping_methods td { vertical-align: top !important; } Screencap: screencast.com/t/v9YAh4bCxoh How can i fix this? -- url of the page with the problem -- : rawgourmet.ca/index.php/component/hikash...ep/step-1?Itemid=192 -- HikaShop version -- : 2.2.3 -- Joomla version -- : 2.5.16 -- Browser(s) name and version -- : Safari")* Hi Jerome, Thank you for your response. I'm not clear on how to correct the issue. The buttons do not align with the descriptions as can be seen in the following screen capture: [ screencast.com/t/hKuUr7DS](http://screencast.com/t/hKuUr7DS) Can you please offer some additional instruction on how to correct this? Thank you for your help with this. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI1LWluc3RhbGwtdXBkYXRlLzg2NDMyNy1zaGlwcGluZy1kZWxpdmVyeS1idXR0b25zLWRvbnQtYWxpZ24/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Mohamed Thelji](/forum/user/6861-mohamed-thelji "View Mohamed Thelji's Profile")** - [![Mohamed Thelji's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar6861.png)](/forum/user/6861-mohamed-thelji "View Mohamed Thelji's Profile") - [ Offline](/forum/user/6861-mohamed-thelji) Less More - Posts: 12953 - Thank you received: 1778 - - - 12 years 10 months ago [\#136720](#136720) by [Mohamed Thelji](/forum/user/6861-mohamed-thelji "View Mohamed Thelji's Profile") Replied by *[Mohamed Thelji](/forum/user/6861-mohamed-thelji "View Mohamed Thelji's Profile")* on topic *[Shipping/Delivery buttons don't align](/forum/25-install-update/864327-shipping-delivery-buttons-dont-align#136720 "I'm experiencing an issue with the Payment/Shipping selection buttons not aligning with their descriptions in the checkout page. I've added the following code but the issue is not being corrected: #hikashop_checkout_page .hikashop_shipping_methods td { vertical-align: top !important; } Screencap: screencast.com/t/v9YAh4bCxoh How can i fix this? -- url of the page with the problem -- : rawgourmet.ca/index.php/component/hikash...ep/step-1?Itemid=192 -- HikaShop version -- : 2.2.3 -- Joomla version -- : 2.5.16 -- Browser(s) name and version -- : Safari")* Hi, Using this kind of [ CSS](http://www.hikashop.com/support/153-customize-the-display.html) code will probably do the job : Code: .hikashop_checkout_shipping_radio { margin-bottom: 20px !important; } The following user(s) said Thank You: [wireball](/forum/user/30146-wireball "View wireball's Profile") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI1LWluc3RhbGwtdXBkYXRlLzg2NDMyNy1zaGlwcGluZy1kZWxpdmVyeS1idXR0b25zLWRvbnQtYWxpZ24/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[wireball](/forum/user/30146-wireball "View wireball's Profile")** - [![wireball's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar30146.png)](/forum/user/30146-wireball "View wireball's Profile") Topic Author - [ Offline](/forum/user/30146-wireball) Less More - Posts: 17 - Thank you received: 0 - - - 12 years 10 months ago [\#136728](#136728) by [wireball](/forum/user/30146-wireball "View wireball's Profile") Replied by *[wireball](/forum/user/30146-wireball "View wireball's Profile")* on topic *[Shipping/Delivery buttons don't align](/forum/25-install-update/864327-shipping-delivery-buttons-dont-align#136728 "I'm experiencing an issue with the Payment/Shipping selection buttons not aligning with their descriptions in the checkout page. I've added the following code but the issue is not being corrected: #hikashop_checkout_page .hikashop_shipping_methods td { vertical-align: top !important; } Screencap: screencast.com/t/v9YAh4bCxoh How can i fix this? -- url of the page with the problem -- : rawgourmet.ca/index.php/component/hikash...ep/step-1?Itemid=192 -- HikaShop version -- : 2.2.3 -- Joomla version -- : 2.5.16 -- Browser(s) name and version -- : Safari")* Thank you for the super fast response Mohamed. This code helped a little bit, but the buttons for Shipping and Payment are still not aligning completely. They are still offset as seen in the following screen cap: [ screencast.com/t/eFTb4oQpWv0](http://screencast.com/t/eFTb4oQpWv0) I suspect the buttons are in a lower row of the table and the code needs to be further adjusted somehow. Can you offer some additional help to resolve this? Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI1LWluc3RhbGwtdXBkYXRlLzg2NDMyNy1zaGlwcGluZy1kZWxpdmVyeS1idXR0b25zLWRvbnQtYWxpZ24/dG1wbD1tYXJrZG93bg==) 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)](/forum/user/63-nicolas "View nicolas's Profile") - [ Offline](/forum/user/63-nicolas) Less More - Posts: 86293 - Thank you received: 14271 - - 12 years 10 months ago [\#136768](#136768) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Shipping/Delivery buttons don't align](/forum/25-install-update/864327-shipping-delivery-buttons-dont-align#136768 "I'm experiencing an issue with the Payment/Shipping selection buttons not aligning with their descriptions in the checkout page. I've added the following code but the issue is not being corrected: #hikashop_checkout_page .hikashop_shipping_methods td { vertical-align: top !important; } Screencap: screencast.com/t/v9YAh4bCxoh How can i fix this? -- url of the page with the problem -- : rawgourmet.ca/index.php/component/hikash...ep/step-1?Itemid=192 -- HikaShop version -- : 2.2.3 -- Joomla version -- : 2.5.16 -- Browser(s) name and version -- : Safari")* You can do like that: .hikashop_shipping_methods label, .hikashop_payment_methods label{ margin-top : 15px !important; } The following user(s) said Thank You: [wireball](/forum/user/30146-wireball "View wireball's Profile") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI1LWluc3RhbGwtdXBkYXRlLzg2NDMyNy1zaGlwcGluZy1kZWxpdmVyeS1idXR0b25zLWRvbnQtYWxpZ24/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[wireball](/forum/user/30146-wireball "View wireball's Profile")** - [![wireball's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar30146.png)](/forum/user/30146-wireball "View wireball's Profile") Topic Author - [ Offline](/forum/user/30146-wireball) Less More - Posts: 17 - Thank you received: 0 - - - 12 years 10 months ago [\#136887](#136887) by [wireball](/forum/user/30146-wireball "View wireball's Profile") Replied by *[wireball](/forum/user/30146-wireball "View wireball's Profile")* on topic *[Shipping/Delivery buttons don't align](/forum/25-install-update/864327-shipping-delivery-buttons-dont-align#136887 "I'm experiencing an issue with the Payment/Shipping selection buttons not aligning with their descriptions in the checkout page. I've added the following code but the issue is not being corrected: #hikashop_checkout_page .hikashop_shipping_methods td { vertical-align: top !important; } Screencap: screencast.com/t/v9YAh4bCxoh How can i fix this? -- url of the page with the problem -- : rawgourmet.ca/index.php/component/hikash...ep/step-1?Itemid=192 -- HikaShop version -- : 2.2.3 -- Joomla version -- : 2.5.16 -- Browser(s) name and version -- : Safari")* Thanks Nicolas - That did the trick 99%. I tweaked the code a little to isolate the Payment and Shipping styles. Here is the code in place now: .hikashop_checkout_shipping_radio { margin-bottom: 20px !important; } .hikashop_shipping_methods label { margin-top: 8px !important; margin-bottom: 0px !important; padding-top:0px; padding-bottom:0px; } .hikashop_payment_methods label { margin-top: 8px !important; margin-bottom: 0px !important; padding-top:0px; padding-bottom:0px;} Now the only remaining issue is there is a large space between the Shipping options. The Payment options spacing is fine. Here is a screen cap of what is happening: [ screencast.com/t/pg2PDPXtxIW](http://screencast.com/t/pg2PDPXtxIW) Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI1LWluc3RhbGwtdXBkYXRlLzg2NDMyNy1zaGlwcGluZy1kZWxpdmVyeS1idXR0b25zLWRvbnQtYWxpZ24/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Xavier](/forum/user/4105-xavier "View Xavier's Profile")** - [![Xavier's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar4105.png)](/forum/user/4105-xavier "View Xavier's Profile") - [ Offline](/forum/user/4105-xavier) Less More - Posts: 13201 - Thank you received: 2322 - - - - [](http://www.kidiweb.fr) - 12 years 10 months ago [\#136947](#136947) by [Xavier](/forum/user/4105-xavier "View Xavier's Profile") Replied by *[Xavier](/forum/user/4105-xavier "View Xavier's Profile")* on topic *[Shipping/Delivery buttons don't align](/forum/25-install-update/864327-shipping-delivery-buttons-dont-align#136947 "I'm experiencing an issue with the Payment/Shipping selection buttons not aligning with their descriptions in the checkout page. I've added the following code but the issue is not being corrected: #hikashop_checkout_page .hikashop_shipping_methods td { vertical-align: top !important; } Screencap: screencast.com/t/v9YAh4bCxoh How can i fix this? -- url of the page with the problem -- : rawgourmet.ca/index.php/component/hikash...ep/step-1?Itemid=192 -- HikaShop version -- : 2.2.3 -- Joomla version -- : 2.5.16 -- Browser(s) name and version -- : Safari")* Hi, You have probably to apply the first property on the class "hikashop_shipping_group" and not "hikashop_checkout_shipping_radio". Have you read that tutorial: [ hikashop.com/support/153.html](http://hikashop.com/support/153.html) Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI1LWluc3RhbGwtdXBkYXRlLzg2NDMyNy1zaGlwcGluZy1kZWxpdmVyeS1idXR0b25zLWRvbnQtYWxpZ24/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[wireball](/forum/user/30146-wireball "View wireball's Profile")** - [![wireball's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar30146.png)](/forum/user/30146-wireball "View wireball's Profile") Topic Author - [ Offline](/forum/user/30146-wireball) Less More - Posts: 17 - Thank you received: 0 - - - 12 years 10 months ago [\#137013](#137013) by [wireball](/forum/user/30146-wireball "View wireball's Profile") Replied by *[wireball](/forum/user/30146-wireball "View wireball's Profile")* on topic *[Shipping/Delivery buttons don't align](/forum/25-install-update/864327-shipping-delivery-buttons-dont-align#137013 "I'm experiencing an issue with the Payment/Shipping selection buttons not aligning with their descriptions in the checkout page. I've added the following code but the issue is not being corrected: #hikashop_checkout_page .hikashop_shipping_methods td { vertical-align: top !important; } Screencap: screencast.com/t/v9YAh4bCxoh How can i fix this? -- url of the page with the problem -- : rawgourmet.ca/index.php/component/hikash...ep/step-1?Itemid=192 -- HikaShop version -- : 2.2.3 -- Joomla version -- : 2.5.16 -- Browser(s) name and version -- : Safari")* Hi Xavier, I've have read the tutorials and i'm quite knowledgable with css/html. This is the 5th Hikashop cart i have setup. The issue is my PHP skills are not very good and i cannot find the code to adjust the Shipping table which appears to be the issue. It would make sense that the layout and css would be the same for both the Shipping and Payment tables but this appears to not be the case. The code Mohamed suggested be inserted originally *\["hikashop\_shipping\_group" and not "hikashop\_checkout\_shipping\_radio"\]* to attempt to correct the issue has now been removed and the formatting now appears as it did originally... Screencap: [ screencast.com/t/urQ6dCsy](http://screencast.com/t/urQ6dCsy) It looks like there are 2 table rows for the Payment table and the description is on the top row and button on the bottom row which is why they don't align. Any additional help to resolve this is appreciated. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI1LWluc3RhbGwtdXBkYXRlLzg2NDMyNy1zaGlwcGluZy1kZWxpdmVyeS1idXR0b25zLWRvbnQtYWxpZ24/dG1wbD1tYXJrZG93bg==) 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)](/forum/user/63-nicolas "View nicolas's Profile") - [ Offline](/forum/user/63-nicolas) Less More - Posts: 86293 - Thank you received: 14271 - - 12 years 10 months ago [\#137022](#137022) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Shipping/Delivery buttons don't align](/forum/25-install-update/864327-shipping-delivery-buttons-dont-align#137022 "I'm experiencing an issue with the Payment/Shipping selection buttons not aligning with their descriptions in the checkout page. I've added the following code but the issue is not being corrected: #hikashop_checkout_page .hikashop_shipping_methods td { vertical-align: top !important; } Screencap: screencast.com/t/v9YAh4bCxoh How can i fix this? -- url of the page with the problem -- : rawgourmet.ca/index.php/component/hikash...ep/step-1?Itemid=192 -- HikaShop version -- : 2.2.3 -- Joomla version -- : 2.5.16 -- Browser(s) name and version -- : Safari")* Hi, I don't see the problem here then. It's just simple CSS that you can use to fix that: .hikashop_shipping_group br{ display:none; } The following user(s) said Thank You: [wireball](/forum/user/30146-wireball "View wireball's Profile") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI1LWluc3RhbGwtdXBkYXRlLzg2NDMyNy1zaGlwcGluZy1kZWxpdmVyeS1idXR0b25zLWRvbnQtYWxpZ24/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[wireball](/forum/user/30146-wireball "View wireball's Profile")** - [![wireball's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar30146.png)](/forum/user/30146-wireball "View wireball's Profile") Topic Author - [ Offline](/forum/user/30146-wireball) Less More - Posts: 17 - Thank you received: 0 - - - 12 years 10 months ago [\#137047](#137047) by [wireball](/forum/user/30146-wireball "View wireball's Profile") Replied by *[wireball](/forum/user/30146-wireball "View wireball's Profile")* on topic *[Shipping/Delivery buttons don't align](/forum/25-install-update/864327-shipping-delivery-buttons-dont-align#137047 "I'm experiencing an issue with the Payment/Shipping selection buttons not aligning with their descriptions in the checkout page. I've added the following code but the issue is not being corrected: #hikashop_checkout_page .hikashop_shipping_methods td { vertical-align: top !important; } Screencap: screencast.com/t/v9YAh4bCxoh How can i fix this? -- url of the page with the problem -- : rawgourmet.ca/index.php/component/hikash...ep/step-1?Itemid=192 -- HikaShop version -- : 2.2.3 -- Joomla version -- : 2.5.16 -- Browser(s) name and version -- : Safari")* Perfect. That code did the trick. Everything is in alignment now. Thank you for all your help. ![:)](/media/kunena/emoticons/8.png ":)") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI1LWluc3RhbGwtdXBkYXRlLzg2NDMyNy1zaGlwcGluZy1kZWxpdmVyeS1idXR0b25zLWRvbnQtYWxpZ24/dG1wbD1tYXJrZG93bg==) 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.332 seconds [Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org) [](#top)