Align product prices to center

Hi Team,

Can you help align product prices to center?
I was able to align the product title to center but product prices dont listen to my code…

Attachments:

You must be logged in to view attached files.

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

body .basel-hover-alt.purchasable .wrapp-swap {
    width: 100%;
    display: block;
}
body .basel-hover-alt.purchasable .price {
    text-align:center;
}

Best Regards

Hello elise,

Works very nice. But the add to basket is still aligned to the left.
Can this be aligned center as well?

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

body .basel-hover-alt .btn-add>a.add_to_cart_button:before,
body .basel-hover-alt .btn-add>a.added_to_cart:before, 
body .basel-hover-alt .btn-add>a.product_type_external:before {
    right: 100px;
    top: -3px;
}
body .basel-hover-alt .btn-add>a {
    display: block;
    width: 100%;
    text-align: center;
}

Best Regards

Perfect, many thx!

Please close ticket, issue solved

[Author]

Posts