[Skip to main content](#vessel-content)

#   change layout on check-out

##

- **[tormod](/forum/user/7695-tormod "View tormod's Profile")**
- [![tormod's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/7695-tormod "View tormod's Profile") Topic Author
- [ Offline](/forum/user/7695-tormod)

Less More

- Posts: 7
- Thank you received: 0
-
-

14 years 4 months ago [\#55089](#55089) by [tormod](/forum/user/7695-tormod "View tormod's Profile")  *[change layout on check-out](/forum/4-how-to/55089-change-layout-on-check-out#55089 "On the checkout page the invoice and shipping address is displayed in two columns, but that does not fit very well inside my 3 column template. The border of the shipment address field is expanding...")* was created by *[tormod](/forum/user/7695-tormod "View tormod's Profile")*

On the checkout page the invoice and shipping address is displayed in two columns, but that does not fit very well inside my 3 column template. The border of the shipment address field is expanding into the next column. See attachment.

Could perhaps:
1) not include visible border or
2) Make the two address fields more narrow (my prefered solution)

I have a strong feeling that there is a easy solution to this, but I have not found any postings on this matter so I ask the forum for help..

Do you have any solutions to suggest?

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzU1MDg5LWNoYW5nZS1sYXlvdXQtb24tY2hlY2stb3V0P3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[tormod](/forum/user/7695-tormod "View tormod's Profile")**
- [![tormod's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/7695-tormod "View tormod's Profile") Topic Author
- [ Offline](/forum/user/7695-tormod)

Less More

- Posts: 7
- Thank you received: 0
-
-

14 years 4 months ago [\#55104](#55104) by [tormod](/forum/user/7695-tormod "View tormod's Profile")  Replied by *[tormod](/forum/user/7695-tormod "View tormod's Profile")* on topic *[Re: change layout on check-out](/forum/4-how-to/55089-change-layout-on-check-out#55104 "On the checkout page the invoice and shipping address is displayed in two columns, but that does not fit very well inside my 3 column template. The border of the shipment address field is expanding...")*

If any are interested in the same, I changed the front end CSS file to the following:

/* checkout address layout, 24th june changed checkout address width from 700pixels to 100%, adress left and right from width 350px to 50%*/
.hikashop_checkout_address{
clear:both;
width:100%;
margin:auto;
}
.hikashop_checkout_address_billing_only{
clear:both;
width:100%;
margin:auto;
}
.hikashop_checkout_billing_address{

}
.hikashop_checkout_address_left_part{
width:50%;
float:left;
}
.hikashop_checkout_address_right_part{
width:50%;
float:left;
}

This seems to work fine.

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzU1MDg5LWNoYW5nZS1sYXlvdXQtb24tY2hlY2stb3V0P3RtcGw9bWFya2Rvd24=) 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.091 seconds

[Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org)

[](#top)