Tagged: ,

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • October 1, 2015 at 6:05 pm #512325
    anniet

    Hi,
    I do not use the sidebar in the product page and I would like to have the description tab use full width. Could you provide me with a quick css help ?

    thanks a lot

    • This topic was modified 10 years, 1 month ago by anniet.
    October 2, 2015 at 5:44 pm #512937
    Elliott

    Hi anniet!

    Try this out, https://kriesi.at/support/topic/where-to-modify-the-look-of-woocommerce-shop-pages-in-enfold/#post-121997.

    Best regards,
    Elliott

    October 2, 2015 at 6:02 pm #512954
    anniet

    Hi Elliott,

    thanks for the answer. Unfortunately I’d prefer to stay out of rebuilding the template.
    In abundance Yigit counseled me to use the following quick CSS.

    @media only screen and (min-width: 1140px) {
    #top div.product .woocommerce-tabs { width: 1000px; margin-left: -310px; padding-top: 125px; }}

    Do you have a similar quick fix for it on Enfold ?

    October 2, 2015 at 6:17 pm #512960
    Elliott

    Hey!

    Add this to your custom CSS.

    .single-product-summary {
    overflow: visible !important;
}

    Regards,
    Elliott

    October 5, 2015 at 11:27 am #513613
    anniet

    Thanks, it looks much better;

    Is there a way to center the “add to cart button” ?
    plus I would like to have the price on the right of the add to cart button, is it possible ?

    October 5, 2015 at 5:41 pm #513961
    Elliott

    Hi!

    Try adding this to your custom CSS.

    form.cart div.quantity, #top form.cart .button {
    left: 50% !important;
    position: relative;
    transform: translateX(-50%);
}

    Cheers!
    Elliott

    October 5, 2015 at 6:50 pm #514003
    anniet

    Hi Elliot,
    Thanks a lot It functions perfectly.

    Is it possible to reduce the space between the pictures and the add to cart button ?
    + to put the price next to the add to cart (just over or next to it on the right – what is the easiest )

    October 6, 2015 at 6:40 am #514152
    Rikard

    Hi,

    Please try the following as well:

    .single-product .sidebar {
display:none !important;
}

    Best regards,
    Rikard

    October 6, 2015 at 10:01 am #514246
    anniet

    Thanks, it was effectively the padding due to the sidebar.

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Product page – full width description’ is closed to new replies.