Cleaning the product page

[micheal_w]

Hi Guys,

trying to clean up the site from the extra things we don’t need… Could you please help me to solve the below things:

1. How can I hide the previous < > next button on the product page (top right of the descriptuon?
2. How can I hide the breadcrumb on the product page (right above the product name)? By doing this, the product’s name goes up a little bit…
3. I would like to make the price’s font larger, can I do that?
4. When a variation is selected on the product page a “reset selection” appears under the sizes… Can I hide it somehow?

Thanks!
Micheal

[David Martin – Support]

Hi.

These can be achieved with a little CSS:

1)

.product-navigation {
    display: none;
}

2)

nav.woocommerce-breadcrumb {
    display: none;
}

3)

span.amount {
    font-size: 30px;
}

4)

a.reset_variations {
    display: none!important;
}

Thanks.
David

[micheal_w]

Hi David,

thank you, with the 3) I want the font size larger on the product page only, not the shop/category listing…

Thanks!

[Mohammad – SUPPORT]

Hi,
Please remove this custom css code:-

span.amount {
    font-size: 30px;
}

And use this new custom css code :-

.single-product span.amount {
    font-size: 30px;
}

Thanks
Mohammad

[micheal_w]

This reply has been marked as private.

[Rui Guerreiro – SUPPORT]

Hi,

Add the code below.

.products .product .product-details .posted_in {
    display: none;
}

Hope it helps.

-Rui

[micheal_w]

Works perfectly, thank you!

[David Martin – Support]

Great, no problem!

-David.

[Mohammad – SUPPORT]

Hi,
You most welcome.
Thanks
Mohammad

[micheal_w]

Hi Guys,

above this thread I requested your help to increase the font size of the price on the product page only.

.single-product span.amount {
    font-size: 30px;
}

I just noticed that the prices are larger on the hover cart as well (see screenshot) which is not good. Can it be the normal size please?

Thanks!

Attachments:

You must be logged in to view attached files.

[Kyle – SUPPORT]

Hi

Change it to:

.single-product .summary-top span.amount {
    font-size: 30px;
}

– Kyle

[micheal_w]

Hi Kyle, if I use your new custom css code, the previously enlarged price on the product page goes back to small (but I want to keep it large)…

[Kyle – SUPPORT]

Sorry, this should work:

.single-product .product-price-wrap span.amount {
  font-size: 30px;
}

– Kyle

[micheal_w]

It works finally, thank you so much 🙂

[Mohammad – SUPPORT]

Hi,
Great thanks to Kyle 🙂 .
Thanks
Mohammad