Shipping Option on Cart page

Hi @raunhar,

I can see you would like to visually highlight one of the shipping options on the Cart page or adjust the font size to make it stand out more. That makes perfect sense, especially if you want to guide customers toward a preferred method.

By default, WooCommerce inherits the styling of shipping methods from your theme, in your case the Hara theme. There is no built in setting in WooCommerce to change the font size or highlight a specific shipping option, however this can be achieved with a bit of custom CSS.

You can add custom CSS via Appearance → Customize → Additional CSS and target the shipping methods on the cart page. For example, to increase the font size of all shipping options:

.woocommerce-shipping-methods li {
    font-size: 18px;
}

If you would like to highlight a specific shipping method, you can inspect the shipping option in your browser to identify its ID or value, then target it more specifically in CSS. For example:

.woocommerce-shipping-methods li input[value="flat_rate:1"] + label {
    font-weight: 600;
    color: #d54e21;
}

You can learn more about adding custom CSS here: https://ww.wp.xz.cn/support/article/appearance-customize-screen/

If you are not comfortable adding CSS, you may want to reach out to the Hara theme developers to confirm the best way to customize this within their styling structure.

Let us know if you would like help identifying the correct selector for the specific shipping method you want to highlight.

Hi there!

Thank you for the update.

If that does not work, I would suggest contacting your theme’s support team, as the checkout page layout is usually controlled by the theme you are using on your site.

Alternatively, you can share the site URL where you would like to make these changes. Once we review the checkout page layout, we will be happy to assist you in identifying the issue.

Please note that, in general, we do not provide support for custom CSS code as custom code falls outside our usual scope of support.

Thank you for understanding.