shipping column in checkout page

  • Resolved mekel1991

    (@mekel1991)


    2 years, 8 months ago

    hi all. is there anyway i can increase the width of subtotal column in purchase summary? My shipping column is too small and my product names are not too long.
    any effective CSS code? Thanks

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter mekel1991

    (@mekel1991)

    This is the link
    https://postimg.cc/BPSzxfC1
    Basically I need to decrease the width of the blue box, and hide the red box (this variation already shows up in the product description). Also increase the size of the black box.
    And how do I make these changes to be applied also responsively for mobile phone?

    Thread Starter mekel1991

    (@mekel1991)

    anyone?

    Plugin Support CartFlows Team

    (@cartflows)

    Hello @mekel1991

    Thank you for getting back to us!

    Actually, let me tell you that the width of those columns defaults from WooCommerce. But if you want to modify the width of those then you can use the custom CSS.

    To write the custom CSS, Below are the selectors which you can use. 

    .wcf-embed-checkout-form table.shop_table thead tr th:nth-child( 1 ), 
.wcf-embed-checkout-form table.shop_table tbody tr td:nth-child( 1 ), 
.wcf-embed-checkout-form table.shop_table tfoot tr th:nth-child( 1 ){
	// Add your custom css here.
}

.wcf-embed-checkout-form table.shop_table thead tr th:nth-child( 2 ), 
.wcf-embed-checkout-form table.shop_table tbody tr td:nth-child( 2 ), 
.wcf-embed-checkout-form table.shop_table tfoot tr td:nth-child( 2 ){
	// Add your custom css here.
}

    I hope this helps you.

    If in case you need more assistance, please let us know.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘shipping column in checkout page’ is closed to new replies.