Want to change Title size on Product/Shop page

Hi there ??

This can be fixed with some custom CSS. Under Customize > Additional CSS, you can add the following code:
?

/* Change Shop page title font-size */
.woocommerce-shop .page-title.h1 {
    font-size: 40px !important;
}?

?
If you’d like to learn more about CSS, I highly recommend using the free tutorials at w3schools. Here, you can find the basics of selectors (how to target the right element on the page), and properties (how to change the element on the page).

Cheers ??

Thanks the code worked. Second question how can i change the size if title section (background grayed part of title text). How can i also change the size of text and background on category page.

• This reply was modified 3 years, 7 months ago by zia32.

Hi there,

Second question how can i change the size if title section (background grayed part of title text).

With “size”, do you mean the width, height or something else entirely? Assuming it’s height, you could try the following:

.woocommerce ul.products li.product .product-detail-box, .woocommerce-page ul.products li.product .product-detail-box {
  height: 220px;
}

(You can adjust the 220px as needed).

How can i also change the size of text and background on category page.

Hmmm, this is a bit vague – Can you share a bit more on what that should look like ideally?

Please note that the bulk of these aspects are determined by the theme you’re using rather than the core WooCommerce plugin itself. While custom CSS is definitely possible, it might be worthwhile checking in with the developers of your theme to hear what options are available through theme settings to change these items.

Hi @zia32

We’ve not heard back from you in a while, so I’m marking this thread as resolved. If you have further questions, please feel free to open a new topic.