Title: Change Payment Method Layout
Last modified: October 9, 2019

---

# Change Payment Method Layout

 *  Resolved [shridsan2010](https://wordpress.org/support/users/shridsan2010/)
 * (@shridsan2010)
 * [6 years, 7 months ago](https://wordpress.org/support/topic/change-payment-method-layout/)
 * Hi,
 * [https://prnt.sc/pgtk7r](https://prnt.sc/pgtk7r)
 * Is it possible to show payment method’s in one line i.e. next to each other like
   this
 * [https://prnt.sc/pgtm39](https://prnt.sc/pgtm39)
 * Regards,
    shridsan
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fchange-payment-method-layout%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 4 replies - 1 through 4 (of 4 total)

 *  [Bernat Torras (a11n)](https://wordpress.org/support/users/bernattorras/)
 * (@bernattorras)
 * [6 years, 7 months ago](https://wordpress.org/support/topic/change-payment-method-layout/#post-12012739)
 * Hi there,
 * In order to achieve this, you’ll need to add some custom CSS to your site.
 * I’d suggest you to go to Appearance>Customize>Additional CSS and add the following
   code there:
 * > .woocommerce-checkout #order_review #payment ul.payment_methods li.wc_payment_method{
   > 
   > display: inline-block; width: 49%; }
 * Let us know if it does the trick!
 *  Thread Starter [shridsan2010](https://wordpress.org/support/users/shridsan2010/)
 * (@shridsan2010)
 * [6 years, 7 months ago](https://wordpress.org/support/topic/change-payment-method-layout/#post-12013244)
 * thanks for the reply.
 * I have added the coded, it’s giving the following result. Please check
 * [https://prnt.sc/pgysrc](https://prnt.sc/pgysrc)
 * Also, before adding your code, i checked the website on mobile, it’s showing 
   the checkout page as following
 * [https://prnt.sc/pgyukw](https://prnt.sc/pgyukw) , how to make that first radio
   button & Pay by Razorpay in one line.
 * Regards,
    shridsan
 *  [dougaitken](https://wordpress.org/support/users/dougaitken/)
 * (@dougaitken)
 * Automattic Happiness Engineer
 * [6 years, 6 months ago](https://wordpress.org/support/topic/change-payment-method-layout/#post-12058729)
 * Hey there [@shridsan2010](https://wordpress.org/support/users/shridsan2010/)
 * This quirk in the layout may be due to the specific payment gateway you’re using.
   I’d recommend first asking the theme developers for some help with this.
 * If that isn’t productive, for customizations such as layout changes like this,
   I would recommend reaching out to one of our vetted developers on our Customizations
   page ( [https://woocommerce.com/customizations](https://woocommerce.com/customizations))
   or join the WooCommerce Slack Community ( [https://woocommerce.com/community-slack](https://woocommerce.com/community-slack)).
 * Thanks,
 *  [dougaitken](https://wordpress.org/support/users/dougaitken/)
 * (@dougaitken)
 * Automattic Happiness Engineer
 * [6 years, 6 months ago](https://wordpress.org/support/topic/change-payment-method-layout/#post-12098448)
 * Hi [@shridsan2010](https://wordpress.org/support/users/shridsan2010/)
 * We haven’t heard back from you in a while, so I’m going to mark this as resolved–
   if you have any further questions, you can start a new thread.
 * Thanks,

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Change Payment Method Layout’ is closed to new replies.

 * ![](https://ps.w.org/woocommerce/assets/icon.svg?rev=3234504)
 * [WooCommerce](https://wordpress.org/plugins/woocommerce/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/woocommerce/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/woocommerce/)
 * [Active Topics](https://wordpress.org/support/plugin/woocommerce/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/woocommerce/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/woocommerce/reviews/)

 * 4 replies
 * 3 participants
 * Last reply from: [dougaitken](https://wordpress.org/support/users/dougaitken/)
 * Last activity: [6 years, 6 months ago](https://wordpress.org/support/topic/change-payment-method-layout/#post-12098448)
 * Status: resolved