New Landing How can we help? Atelier Some issues on the productpage and the menu bar

Viewing 4 posts - 1 through 4 (of 4 total)
  • Posted in: Atelier
  • #221998
    redblue083190
    Member
    Post count: 77

    Hi there,

    I have a few issues that need your help.

    Attacted img1:
    1) Remove all the dividers

    2) Remove the “Quantity” block

    3) Center all content. It seems fail right now on the title, add to cart button and “Share” text.
    Here is the code that I’m using.

    .woocommerce div.product div.summary {
    text-align: center;
    }

    .woocommerce div.product .summary h1.the_title {
    text-align: center;
    }

    .woocommerce div.product .summary h3.price {
    float:none;
    }

    4) Space between menu and logo are not even. The bug may came from the menu coz the logo is center now.

    5) Attacted img2: Image are overlapped.

    Thanks so much and I hope for your speedy reply.

    Attachments:
    You must be logged in to view attached files.
    #222231
    David Martin – Support
    Moderator
    Post count: 20834

    Hi,

    Please start your modifications using this:

    Remove Dividers:

    .woocommerce-account p.myaccount_address, .woocommerce-account .page-content h2, p.no-items, #order_review table.shop_table, #payment_heading, .returning-customer a, .woocommerce #payment ul.payment_methods, .woocommerce-page #payment ul.payment_methods, .woocommerce .coupon, .summary-top {
        border-bottom-color: transparent!important;
    }
    
    .sf-share-counts {
        border-color: transparent!important;
    }

    Remove Quantity:

    .woocommerce .has-no-sidebar div.product form.cart div.quantity {
        display: none;
    }

    Center Product Text:

    .single-product.page-heading-fancy .product-main {
        text-align: center;
    }

    Center Product Add To Cart Button:

    .woocommerce div.product form.cart .button {
        float: none;
    }

    Regarding your overlapped image screenshot, I do not understand that. There are no overlapped images from what I can see.

    – David.

    #222253
    redblue083190
    Member
    Post count: 77

    Thank you for your help!

    The code works perfect but the Product heading and the “Share” Text are still not center.

    How about the Question 4) Space between menu and logo are not even. The bug may came from the menu coz the logo is center now.

    Attachments:
    You must be logged in to view attached files.
    #222476
    David Martin – Support
    Moderator
    Post count: 20834

    No problem.

    1) Please post a link to the site.

    4) You mentioned your logo is now centered? Let me know no.1 and I’ll see.

    – David.

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in and have valid license to reply to this topic.

License required for one of the following items
Login and Registration Log in · Register