Single Product Page Full Width

Hi, do you have any idea how to make the single product page full width? I already try other codes and put it into Additional CSS but it still not working. Any suggestion?

Page: https://ehalal2u.com/index.php/product/adabi-kari-ikan-24g/

This is what i write on Additional CSS:

woocommerce-page .main-column.col-md-8 {
width: 100%;
}

.woocommerce-page .sidebar.sidebar-column.col-md-4 {
display: none;
}

.page-id-11 .cat_toggle {
    position: absolute;
    right: 98px;
    top: 10px;
}

.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 {
    float: left;
    max-width: 100%;
}

.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
    float: right;
    max-width: 100%;
}

.woocommerce ul.products li.product .add_to_wishlist {
    background-color: #FF7F50;
}

For the wishlist button, what css should i use to make it change colour and make the text visible?

• This topic was modified 3 years, 11 months ago by jasongrace.
• This topic was modified 3 years, 11 months ago by jasongrace.
• This topic was modified 3 years, 11 months ago by jasongrace.