Change the typography on products title on products page

[KMAmexico]

Hello!! I’ll like to change the typography of the titles of my products pages, I know it’s configurated by default by H1 standard, but the format that I’ve configured doesn’t work well in my products pages, its too big! (but I don’t want to change it, because it works well in the header of the hero tabs settings). Anyway, what can I do to change this? I’ll like to put instead the typography of my H3 label witch is “Oswald”, is there a code that I can add to make this happen? I’ll add a screen shot of the type that I’ll like to change!

thank you very much in advantage!

Attachments:

You must be logged in to view attached files.

[Rui Guerreiro – SUPPORT]

Hi,

This will have to be done with custom css.

Add the code below to your custom css option in the theme options.
The 1st it’s for the product title and the 2nd one it’s for the price, adjust the values and add new css properties has desired.

.woocommerce div.product .product_title {
    font-family: oswald;
    font-size: 27px;
    letter-spacing: 3px;
}

.woocommerce div.product .summary h3.price {
     font-family: oswald;
     font-size: 20px; 
}

Congrats, your site just looks great.

-Rui

[KMAmexico]

Thank you very much!! 😀 it worked awesome, just one more thing, I’ll like to cut some space below the product title (red arrow, like 10px), and give a little more below the breadcrumbs (blue arrow, like 5px).

I appreciate very much your help! thank you!

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

.summary-top {
    padding-bottom: 0px !important;
    margin-bottom: 20px !important;
}

Thanks
Mohammad

[KMAmexico]

Thank you very much! It worked just great!

[Mohammad – SUPPORT]

Hi,
Glad 🙂 to help you.
Thanks
Mohammad