Hi,
open this CSS file below
www.imagination-itshop.nl/templates/it_thestore4/css/virtuemart.css
Then find these CSS rules below, and remove them completely.
span.quantity-box {
float:left;
width:27px;
padding-top:0;}
input.quantity-input {
background:#fff;
height:19px;
width:25px;
text-align:center;
font-weight:700;
padding:2px;}
input.quantity-input:hover {}
span.quantity-controls {
width:15px;
float:left;
padding-top:2px;
margin:-5px 0 0 10px;}
span.quantity-controls input.quantity-controls {
height:14px;
border:none;
width:15px;
}
span.quantity-controls input.quantity-plus {
background:url(../images/virtuemart/vmgeneral/quantity-controls.png) repeat-x;
margin-bottom:2px;
cursor:pointer;
}
span.quantity-controls input.quantity-minus {
background:url(../images/virtuemart/vmgeneral/quantity-controls.png) repeat-x;
background-position:15px 0;
cursor:pointer;
}
THEN FIND THIS CSS RULE BELOW:
.productdetails-view .addtocart-bar {
margin:12px 0 0;
padding:10px 0 0 80px;
border-top: 1px solid #fff;
box-shadow:0 -1px 0 #D1D1C0;
}
AND CHANGE IT WITH THIS:
.productdetails-view .addtocart-bar {
margin:12px 0 0;
border-top: 1px solid #fff;
box-shadow:0 -1px 0 #D1D1C0;
}
THE RESULT WIL BE:
if you ever see any corrupted layout in anywhere else., you can fix those CSS issues by editing these CSS files:
www.imagination-itshop.nl/templates/it_thestore4/css/virtuemart.css
AND
www.imagination-itshop.nl/templates/it_thestore4/html/com_virtuemart/assets/css/flexibleVM2Global.css
To Investigate corrupted DIV or SPAN element, use "Mozilla Firefox - Firebug Plugin", this plugin will let you know which CSS rule is controlling that element and what you can do to fix it.