full width page

  • Resolved bsatsangi

    (@bsatsangi)


    8 years ago

    Hi

    I am using woocommerce and I have removed product image for a particular product on single product page and got empty space, but after removing the image I am unable to make summary of the product to full width or shift it to left for that matter, please look at the link below.
    http://106.215.24.114/product/new-product/

    woocommerce guys said its theme restriction and may be some theme specific css can work.
    can you please help checking on it, I just need to make the product summary full width. or align it to center.

    Thanks

    • This topic was modified 8 years ago by bsatsangi.
Viewing 10 replies - 1 through 10 (of 10 total)
  • Kevin

    (@jx-3p)

    8 years ago

    Hello,

    The link you posted isn’t taking me anywhere. Can you please check that it is correct?

    thanks,
    Kevin

    Thread Starter bsatsangi

    (@bsatsangi)

    8 years ago

    oops my bad, please check the below link.

    http://bigvaluedeal.com/product/new-product/

    Thanks

    Kevin

    (@jx-3p)

    8 years ago

    here is some CSS that will work for that product. If you have more products that will need this CSS applied, I suggest you give them a category of their own so that I can write you some CSS that will affect all of them.

    div#product-607 .product-summary-case {
    width: 100%;
}

    Add custom CSS to Theme Options> Advanced Settings.

    -Kevin

    Thread Starter bsatsangi

    (@bsatsangi)

    8 years ago

    Thanks Kevin
    it worked perfectly, will add category and let you know.
    all set for now, appreciate your help.

    Thanks.

    Kevin

    (@jx-3p)

    8 years ago

    I’m glad that works! Just let me know if you need anymore assistance.

    -Kevin

    Thread Starter bsatsangi

    (@bsatsangi)

    8 years ago

    Hi Kevin
    is there any way I can add a place holder or text in front of the quantity field like “Number of guest” on single product page for this product only and so on cart page (for this product only).
    I found some code on google but that is a global change for all products.
    please look at this link http://bigvaluedeal.com/product/new-product-1/

    quantity field should say “number of guest” and after adding to cart quantity column should be “number of guest” on cart page.

    Thanks

    Kevin

    (@jx-3p)

    8 years ago

    Hey sorry for the delayed response. Can you link to the code that you’re using so I can better understand?

    Thanks.
    -Kevin

    Thread Starter bsatsangi

    (@bsatsangi)

    8 years ago

    link is here http://bigvaluedeal.com/product/new-product-1/
    are you looking for some thing else ?
    look at this product, I want my user to know that number of guest can be put in quantity field, so I need some kind of text/explnator which says its actually number of guest.

    also I need this change for this product only.

    let me know if any other detail is required ?

    Thanks

    Ben Ritner – Kadence WP

    (@britner)

    8 years ago

    div.product.post-611 .quantity:before {
    content: "Number of Guests";
    position: absolute;
    bottom: -20px;
    width:120px;
    font-size:11px;
    line-height:20px
}
div.product.post-611 form.cart div.quantity {
    overflow:visible;
    margin-bottom:20px;
}

    For the single product page you should workaround with css like that ^^

    But there is no way to do this selectively with css for the cart page.

    So for that, you would have to hack into the woocommerce files run checks in the cart output for the product id and change the code. Wouldn’t be easy and would require custom coding.

    Ben

    Thread Starter bsatsangi

    (@bsatsangi)

    8 years ago

    Thanks Ben

    Your code worked well, for cart page I will find out a developer.
    Thanks for your help again.

    Thanks

Viewing 10 replies - 1 through 10 (of 10 total)

The topic ‘full width page’ is closed to new replies.