[james wParticipant]

I want to change the width of a woo-commerce single product page to make it like 900px or so.

How can I do it with custom css?

Thanks

[ThaiModerator]

Hi James,

Would you mind providing us with your website URL so we can take a closer look?

Thank you.

[james wParticipant]

This is the page I want to decrease the width http://hosting-deal.com/product/product/

[ThaiModerator]

Hi There,

Try adding the following CSS under Customize > Custom > CSS:

.single-product .x-container.max.width.offset {
    max-width: 900px;
    width: 100%;
}

Hope it helps.

[james wParticipant]

Yes it worked. Another question. I need to remove the border, border-shadow in enrty-wrap of single product page.

How can I do it with css?

[ThaiModerator]

Hi James,

Try adding the following CSS:

.single-product .entry-wrap {
    box-shadow: none;
    border: none;
}

Hope it helps 🙂

[james wParticipant]

Thanks! You guys are amazing 🙂

[FriechModerator]

We’re delighted to assist you with this.

Cheers!

[NicoModerator]

Thank you. We really appreciate it.

Feel free to ask us again.

Have a great day! 🙂

[Author]

Posts