Align product title and price

Hi, I’d like to have title and price aligned to centre but using your css it’s doean’t works… now I’ve usin “CSS1” in the list below. Titles come centered but not the price!

Can you help me please?
Best Regards
Ivan

Attachments:

You must be logged in to view attached files.

Hello,

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

.basel-hover-alt.purchasable .price, 
.basel-hover-alt.product-type-grouped .price, 
.basel-hover-alt.product-type-external .price {
    text-align:center;
}

Best Regards

Hi,
unfortunately your new css doesn’t works,
I attach image to explain what happen / what I’d like to have.

If you want I can give you WP access
BR
Ivan

Attachments:

You must be logged in to view attached files.

Hello,

Please replace the provided code with this one:

 body .basel-hover-alt .wrap-price {
    justify-content: center;
}
body .basel-hover-alt.purchasable .product-title{
text-align:center;
}

Best Regards

Hi Elise, thanks.
Your CSS works but not completely, some product looks aligned, some not…
I attach screenshot to explain better

Best regards
Ivan

Attachments:

You must be logged in to view attached files.

Hello,

Please provide the page URL with this problem.

Best Regards

Hi Elise,
is the shop page here:
https://mostskincare.com/negozio/
Some products are aligned, some not…

BR
Ivan

Hello,

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

.basel-hover-alt.purchasable .price, .basel-hover-alt.product-type-grouped .price, .basel-hover-alt.product-type-external .price {
    margin-bottom: 0;
    text-align: center;
}

Best Regards

Hi Elise, thanks.
Desktop version works well,
mobile versione not… have a look from mobile:
https://mostskincare.com/negozio/
All the variable product are not centre aligned.
I attach image

Attachments:

You must be logged in to view attached files.

Hello,

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

@media (max-width: 768px){
.basel-hover-alt.purchasable .wrapp-swap, .basel-hover-alt.product-type-grouped .wrapp-swap, .basel-hover-alt.product-type-external .wrapp-swap {
    overflow: visible;
    margin: 0 auto;
}
}

Best Regards

[Author]

Posts