Home › Forums › Basel support forum › Basel Compare CSS styling › Reply To: Basel Compare CSS styling
January 25, 2019 at 7:38 am
#103991
Bogdan Donovan
Keymaster
Hi,
Your product description is justified because of align="justify"
attribute property in your text paragraphs (http://prntscr.com/mbwt52). Try to remove it.
To change your compare product description align first remove previous custom code and try to add the following code snippet to the Custom CSS area in Theme Settings. Please did not change any part of the code snippet and paste it just like it provided.
body .compare-field {
text-align: center;
-webkit-box-pack: flex-start;
-ms-flex-pack: flex-start;
justify-content: flex-start;
}
.compare-description .compare-value {
text-align: left;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: flex-start;
-ms-flex-pack: flex-start;
justify-content: flex-start;
}
.compare-description .compare-value:before {
text-align: center;
}
Regards