Navigation
Archive / How to change width in woocommerce product page
This is archived content. Visit our new forum.
  • Author
    Posts
  • January 27, 2016 at 2:31 am #766379
    james w
    Participant

    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

    January 27, 2016 at 4:13 am #766539
    Thai
    Moderator

    Hi James,

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

    Thank you.

    January 27, 2016 at 4:57 am #766599
    james w
    Participant

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

    January 27, 2016 at 7:22 am #766768
    Thai
    Moderator

    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.

    January 27, 2016 at 8:36 am #766902
    james w
    Participant

    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?

    January 27, 2016 at 11:10 am #767204
    Thai
    Moderator

    Hi James,

    Try adding the following CSS:

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

    Hope it helps 🙂

    January 28, 2016 at 10:53 am #769062
    james w
    Participant

    Thanks! You guys are amazing 🙂

    January 28, 2016 at 7:21 pm #769697
    Friech
    Moderator

    We’re delighted to assist you with this.

    Cheers!

    January 28, 2016 at 7:35 pm #769710
    Nico
    Moderator

    Thank you. We really appreciate it.

    Feel free to ask us again.

    Have a great day! 🙂

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-766379 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>