Return to previous page

Centered product page info - by ivava - on WordPress WooCommerce support

This topic has 8 replies, 3 voices, and was last updated 8 years, 7 months ago ago by Eva Kemp

ivava

Participant

April 26, 2016 at 18:18

Hi there, could you please help me with customization of the right side of product page information …the add to card, add to wishlist the name of product all that right panel in center..centered rather pulled to the left ?

Thank you very very much

Iva 🙂

Please, contact administrator
for this information.

#123025 Copied

7 Answers
Eva Kemp

Support staff

April 26, 2016 at 18:29
Hello,

Try to use this code in Custom CSS for desktop section:
```
.product-information {
    text-align: center;
    margin-left: 30px;
    width: 450px;
}
.product-information .cart button[type="submit"] {
    margin-left: 28%;
}
```
Regards,
Eva Kemp.
#123028 Copied
ivava

Participant

April 27, 2016 at 17:54

Thank you on desktop is ok but on mobile is too wide , could you help me to fix it and also I’m trying to center this custom variation on this product http://kajatheone.com/shop/eleonora-broz/, please.

Thank you very much

Iva

#123222 Copied
Eva Kemp

Support staff

April 27, 2016 at 20:19
Hello,

Please also add this code in Custom CSS for desktop:
```
.product-information table.variations {
  margin-left: 21%;
}
```
As for mobile you need remove the code in Global Custom CSS section and add it to Custom CSS for desktop section as I told you:
```
.product-information {
    text-align: center;
    margin-left: 30px;
    width: 450px;
}
.product-information .cart button[type="submit"] {
    margin-left: 28%;
}
```
Regards,
Eva Kemp.
#123249 Copied
ivava

Participant

April 29, 2016 at 22:09

Hiya ! thank you very much…could you please also help me with the wishlist icon on images suddenly it has black mark on it instead of heart ..? Dont understand why…

Thank you

Iva :))

#123598 Copied

Stan Russell

Participant

April 30, 2016 at 08:11

Hello ivava,

we have checked your site and Wishlist icon is displayed this way:

Please show on screenshot what results do you want to achieve.

Regards,
Stan Russell.

#123611 Copied

ivava

Participant

April 30, 2016 at 14:12

Yes Hi :))

Sorry is this one http://kajatheone.com/wp-content/uploads/2016/04/Screen-Shot-2016-04-30-at-14.07.50.png

Thank you!

#123630 Copied

Eva Kemp

Support staff

May 3, 2016 at 08:20

Hello,

Icon is shown this way now:
http://storage2.static.itmages.com/i/16/0503/h_1462259991_7822037_b7079c8ebc.jpeg

Try to clear browser cache and check again.

Regards,
Eva Kemp.

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