Our site www.viart.com site is operated by latest Viart Shop 5 with default Clear design
Topic Information
digitaldoodlebug
digitaldoodlebug
On the manual it has the example for price matrix going horizontal. But on my website it's vertical and takes up a lot of space. Is there an option to change it? Or where is the coding that controls it?
css or html page
 
Vito
Vito
To change matrix price from vertical to horizontal you need to update matrix styles for appropriate design and below one example how you can do it.
 
.matrix {margin: 10px 0px;}
.matrixQty { border-top: 1px solid #D2D2D2; float: left;}
.matrixPrice { clear: both;}
.matrixTitle { width: 50px; background: #E1E1E1; border-bottom: 1px solid #D2D2D2; border-left: 1px solid #D2D2D2; border-right: 1px solid #D2D2D2; font-weight: bold; padding: 3px 6px; text-align: center; float: left; }
.matrixItem { width: 50px; border-right: 1px solid #D2D2D2; border-bottom: 1px solid #D2D2D2; padding: 3px 6px; text-align: center; float: left; }
 
digitaldoodlebug
digitaldoodlebug
Thank you Good
it was driving me crazy. wish I knew css better