Make woocommerce pages full width

  • craigind

    (@craigind)


    8 years, 1 month ago

    I am using this theme for a online store. I used the custom CCS I put below. I made all the pages wider, but it did not make the woocomerce pages (product category, single product page, etc.) wider. Any ideas on how I can do that?

    .site-content .entry-header,
    .site-content .entry-content,
    .site-content .entry-summary,
    .site-content .entry-meta,
    .page-content {
    margin: 0 auto;
    /* max-width: 474px; */
    max-width: 100%;
    }
    /* Don’t pull featured images off into a left margin that’s no longer there. */
    .full-width .site-content blockquote.alignleft,
    .full-width .site-content img.size-full.alignleft,
    .full-width .site-content img.size-large.aligleft,
    .full-width .site-content .wp-caption.alignleft {
    /* margin-left: -168px; */
    margin-left: 0px;
    }

    • This topic was modified 8 years, 1 month ago by craigind.
Viewing 1 replies (of 1 total)
  • Thread Starter craigind

    (@craigind)

    8 years, 1 month ago

    UPDATE:
    I figured out how to make a single product page wider with the CSS code below. Any know how I make this apply to the category page too?

    .single-product .product {
    width: 199%;
    margin-left:-50%;
    clear:none;
    float: left;
    }

Viewing 1 replies (of 1 total)

The topic ‘Make woocommerce pages full width’ is closed to new replies.