New Landing › How can we help? › Atelier › Center product detail content on product pages

Viewing 6 posts - 1 through 6 (of 6 total)
  • Back to forum
    Posted in: Atelier
  • July 2, 2015 at 12:36 am #190832
    GTS75
    Member
    Post count: 240

    How can I center the breadcrumbs, title, sku, categories and share content on the product detail pages?

    July 2, 2015 at 7:52 am #190876
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Hi

    Add this to your custom css:

    .woocommerce div.product div.summary {
  text-align: center;
}
.woocommerce div.product .summary h3.price {
  float:none;
}

    – Kyle

    July 2, 2015 at 1:36 pm #191049
    GTS75
    Member
    Post count: 240

    Thans Kyle. Any chance it’s possible to center the size variation, quantity and add to cart functions?

    July 2, 2015 at 1:38 pm #191051
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Try this:

    .variations_button {
  width: 270px;
  margin: 0 auto;
}

    – Kyle

    July 2, 2015 at 1:41 pm #191055
    GTS75
    Member
    Post count: 240

    That worked! And that’ll stay that way even after theme/wordpress/woocommerce updates?

    July 2, 2015 at 1:43 pm #191059
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Yes if you have added to Theme Options > Custom CSS

    – Kyle

  • Back to forum
    Posted in: Atelier
Viewing 6 posts - 1 through 6 (of 6 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