Change position of product name and remove breadcrumb on product detail page

[gflwrg]

Hello,

I have been battling with removing title and breadcrumbs from product pages. I will like to have the titles on detail page in UPPERCASE as well as moving the title to the right hand side.

Could really do with some assistance please.

Attachments:

You must be logged in to view attached files.

[gflwrg]

Would really like the product titles to sit above the price and also forced in uppercase. 🙁

[David Martin – Support]

You can change the single shop heading, using this:

.single-product .page-heading {
    display: none;
}
.woocommerce div.product .entry-title {
    font-size: 24px;
    line-height: 34px;
    display: block;
    float: right;
    max-width: 620px;
    width: 100%;
}

Ref: http://www.w3schools.com/cssref/pr_text_text-transform.asp

[gflwrg]

Hello David, many thanks for your swift response. I used the code you provided above but it makes the product title disappear.

How can I make the product title show above the price please? Something is preventing it from showing up.

[David Martin – Support]

The code I provide does do that, try amending to this:

.single-product .page-heading {
    display: none;
}
.woocommerce div.product .entry-title {
    font-size: 24px;
    line-height: 34px;
    display: block !important;
    float: right;
    max-width: 620px;
    width: 100%;
}

[Rui Guerreiro – SUPPORT]

Replace this code

.woocommerce div.product .entry-title {
    font-size: 24px;
    line-height: 34px;
    display: block;
    float: right;
    max-width: 620px;
    width: 100%;
}

by this one(just added the !important in the display: block)

.woocommerce div.product .entry-title {
    font-size: 24px;
    line-height: 34px;
    display: block!important;
    float: right;
    max-width: 620px;
    width: 100%;
}

-Rui

[gflwrg]

Thank you David it worked like a charm! 😀

[gflwrg]

Thanks Rui, you’re a star!

[Rui Guerreiro – SUPPORT]

Glad it’s sorted.

-Rui