ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

• Back to forum

  Posted in: Atelier
• October 20, 2015 at 4:40 pm #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.
  October 21, 2015 at 2:47 pm #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.

  October 21, 2015 at 3:12 pm #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.
  October 22, 2015 at 11:15 am #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.

• Back to forum

  Posted in: Atelier