Need to center elements in quick view
-
Hi there, a year ago you gave us a custom css to center the elements in quick view mode, but now the share section in quick view is not centered.
Also in variable products the variation section itself is not centered, we attached screenshot of the problem.
This issue is both on mobile and desktop.
Please help
Hello,
I am checking and now it is in the center: https://prnt.sc/BN1A_g4N1nfr
Please provide the details on how you want should bee.
Best Regards
We just double check in incognito mode as well and the share section is still not centered in quick view mode.
Also, please look for a variable product in the shop page, we sent you a screenshot of example :
https://ibb.co/990L4xW
this variable product is called “Gold Plated & Silver Tennis Adjustable Bracelet”
You can see clearly that the variation section and the share section are not centered.
Please help.
Hello,
Please try this CSS:
body .summary-inner .wd-social-icons{
text-align: center!important;
content-align: flex-justify!important;
}
If you have any questions please feel free to contact us.
Best Regards
Hi there, this custom css only center the “Share” section, the variation section is still not centered, please see this screeenshot : https://ibb.co/c3JWnZ6
Hello,
Please add this code to the Theme Settings > Custom CSS > Global:
.popup-quick-view table.variations tr {
display: flex;
flex-direction: column;
align-items: center;
}
.popup-quick-view table.variations .label {
padding: 0 0 10px 0 !important;
}
.popup-quick-view table.variations .cell {
text-align: center;
}
.popup-quick-view table.variations .wd-swatches-product {
justify-content: center;
}
Best Regards
.
