visually change the delivery selection fields

[RomaPopovych]

Hello
Please tell me how you can visually change the delivery selection fields?
Standard ones look very awful, I have many delivery options on the site and my customers are very confused when choosing a delivery method, this brings me a lot of inconvenience.
I want to add pictures for choosing a delivery method and make them in a beautiful plate. I really ask for help

Attachments:

You must be logged in to view attached files.

[Harry]

Hi RomanPopovych,

I’m sorry woocommerce doesn’t support add picture for shipping method.

You can add below code to Claue > Theme Option > General Layoutt > Custom CSS to make it view better

.shop_table.woocommerce-checkout-review-order-table tr.shipping * {text-align: left;}
#shipping_method li {margin-bottom: 8px;}

Kind regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[RomaPopovych]

Very sorry
If you can’t make an image, can you make each delivery method as a separate item? Now they are all in one line and not very beautiful. Can you do as in photo number 2?

Attachments:

You must be logged in to view attached files.

[Harry]

Hi,

Please change code to

#shipping_method li {
	border: 1px solid #ddd;
	padding: 5px;
	text-align: left;
}

Kind regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Author]

Posts