Return to previous page

How to move add to cart above product description?

This topic has 8 replies, 2 voices, and was last updated 6 years, 2 months ago ago by Rose Tyler

omthreetimes

Participant

March 12, 2018 at 14:05

How to move add to cart above product description on single product page?

How to center price and reviews under title on mobile and on full site as well?

Thank you.

Please, contact administrator
for this information.

#187920 Copied Theme version: latest WooCommerce version: 3.3.3

7 Answers
Rose Tyler

Support staff

March 12, 2018 at 14:20
Hello,

1. Copy content-single-product.php file from legenda/woocommerce folder to legenda-child/woocommerce folder and edit the file – http://prntscr.com/iq3scy http://prntscr.com/iq3sih
2. Please use this code:
```
.single-product-page .product-info .price, .single-product-page .product-info .short-description {
    float:  none;
    text-align:  center;
    display:  block;
}
.single-product-page .product-info .short-description h6 {
    text-align:  center !important;
}
```
Regards
#187924 Copied
omthreetimes

Participant

March 13, 2018 at 13:21

Thank you, Rose! You have been the lifesaver.

How to center the review stars too?

#188055 Copied
Rose Tyler

Support staff

March 13, 2018 at 13:27
You’re welcome!
```
.woocommerce-product-rating {
    text-align:  center;
}
.single-product-page .product-info .star-rating {
    float: none;
}
```
Regards
#188057 Copied
omthreetimes

Participant

March 13, 2018 at 14:11

Thank you so much! I do have final request. I tried it to do myself but could not.
How to center the the “add to cart

#188068 Copied
Rose Tyler

Support staff

March 13, 2018 at 14:22
Please change this code http://prntscr.com/iqln0i
to
```
.woocommerce-product-rating, .single-product-page .product-info form.cart {
    text-align:  center;
}
.single-product-page .product-info .star-rating, .single-product-page .product-info .button {
    float: none;
}
```
Regards
#188070 Copied
omthreetimes

Participant

March 13, 2018 at 14:33

Thank you!

#188072 Copied

Rose Tyler

Support staff

March 13, 2018 at 14:40

You’re welcome!

Regards

#188076 Copied
Viewing 8 results - 1 through 8 (of 8 total)

The issue related to '‘How to move add to cart above product description?’' has been successfully resolved, and the topic is now closed for further responses

How to move add to cart above product description?

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection