$0.00 (0 items)
|
Welcome,
Guest
|
Use this Category for your support questions about Virtuemart Template - FlexibleMart (SKU# FLEX-00007)
TOPIC: [SOLVED] Quantity boxes are misaligned.
[SOLVED] Quantity boxes are misaligned. 11 years 8 months ago #31
|
Hello,
I bought flexiblemart and its a great theme. But i have a problem.... When you go to the product details and you look to the buy now button.... then you see that the buitton is mucht to width... How can i solve this? See the attached screendump Thanx  |
|
|
|
Layout 11 years 8 months ago #34
|
|
Layout 11 years 8 months ago #35
|
|
Layout 11 years 8 months ago #36
|
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. |
|
|
|
Layout 11 years 8 months ago #38
|
|
Layout 11 years 8 months ago #42
|
|
