WooCommerce customizations

Hi team,

are there any codes to fix the following problems?

  1. I would like to make the titles of the products bigger.

  2. I would like to either:
    A. Get rid of the entire related products section entirely when viewing a single product.
    or
    B. Change the font color of “Related Products” to white.

Hello there,

Thank you for asking. Let’s address them one by one, so that we can track the progress easily.

1

Try adding this CSS code to Appearance > Customize > Additional CSS from dashboard.

    .woocommerce ul.products li.product h2.woocommerce-loop-product__title {
      font-size: 24px;
    } 

Regards,
Kharis

Kharis,

that worked great!

the changes reflect here:

but is there anyway to make them bigger here too?

Try this CSS code:

    .single-product .product_title.entry-title, 
    .woocommerce ul.products li.product h2.woocommerce-loop-product__title {
      font-size: 24px !important;
    }

Regards,
Kharis

That worked perfect! thank you too much :slight_smile:

I’m ready to tackle either option for problem #2!

Great!

2

Removing related products on product details page has already explained in this documentation. Try it, please, and let me if further questions come up.

Regards,
Kharis

Thank you so much for your help Kharis!
I was able to remove it successfully :smile: