Single product page — problems of personalization

[cmiliere]

Hello,

I want to do two some adjustements on the single product page (woocommerce)
and I can't find the way to do it?

• Center the bloc tag + title + price and the "add to cart" button in the description zone of the product
• Center the entire description zone at 50% height of the navigateur size (we can only fix it with a padding-top in pixels but no in %?)

Here's the product page link: https://alicetrescarte.com/yamato/?product=rustik-vase

[cmiliere]

[arminunruh]

Can you please send:

• a link to this forum topic
• your website address
• /wp-admin/ username and password
  to: info@laytheme.com

[cmiliere]

Hello Armin, thanks for your answer.

I've fixed this point by coding:
Center the bloc tag + title + price and the "add to cart" button in the description zone of the product
But the Add to cart button is still at left.

I send you a mail this afternoon!

[arminunruh]

i added this css to desktop css:

.lay-no-variations .lay-woocommerce-product-tab{
    width: 100%!important;
}
.summary > *{
    max-width: 100%!important;
}
.summary{
    width: 49%!important;
    padding-left: 15%!important;
    padding-right: 15%!important;
}
body.single-product #lay-woocommerce .lay-woocommerce-product-text{
    width: 100%!important;
}
.lay-woocommerce-summary-inner form{
    text-align:center!important;
}
.woocommerce div.product form.cart .button{
    float: none;
    display: inline-block!important;
}

and for mobile css:

.lay-no-variations .lay-woocommerce-product-tab{
    width: 100%!important;
}
.summary > *{
    max-width: 100%!important;
}
.summary{
    width: 100%!important;
    padding-left: 15%!important;
    padding-right: 15%!important;
}
body.single-product #lay-woocommerce .lay-woocommerce-product-text{
    width: 100%!important;
}
.lay-woocommerce-summary-inner form{
    text-align:center!important;
}
.woocommerce div.product form.cart .button{
    float: none;
    display: inline-block!important;
}