Display product attributes on separate lines

[chvchd]

I'm having problem with product that have multiple attributes. It doesn't show correctly in front office as you can see in picture. Any idea how to make attributes show on separate lines, or make the display better for the costumer ?

 

PS 1.7.6.8

Thanks

[El Patron]

yes, upgrade to quality theme...else you will need to learn some basic .css to modify...

[chvchd]

Thanks for tip! As far I know it's a FORUM here. Where here to share and help each other on Prestashop. Can you share a fix or you just here to make useless comment, because I'm pretty sure other have the same issue 

[chvchd]

added 1 line code into custom.css template file 

.product-information .product-variants {
    display: flex;
    flex-direction: column; /*this is where it makes it possible to display product attributes on separate lines*/
    }

PS1.7.6.9