Tips and Tricks HQ Support Portal › Forums › WP eStore Forum › customize quantity box
Tagged: amount, quantity box
- This topic has 5 replies, 4 voices, and was last updated 7 years, 10 months ago by ramona.
-
AuthorPosts
-
December 4, 2011 at 4:25 am #4932JaneMember
I’m trying to use the category fancy4 short code, but find the shipping/text input/quantity boxes are two large. I’ve managed to modify the first two, but I can’t find the appropriate code for the quantity input box.
Can you tell me how/where to adjust the quantity box parameters? Thanks!
December 4, 2011 at 8:55 am #39157PeterMemberHi,
Might get a bit messy adjusting the quantity and other boxes etc.
However if you want to have a go, I suggest you use firebug to see which CSS element you should be modifying.
This might help if you’re not familiar with firebug:
For instance when I took a quick look at your scenario I reckon if you add stuff like the following in your custom css file you might be on the right path.
.eStore-button-form input {
width: auto;
}
.eStore-product-fancy4 .eStore-button-form input[type=”text”] {
width: 30px;
height: 40px;
}
The above is just to get you started and you might have to experiment further.
Also remember to utilise the wp_eStore_custom_style.css file for any css changes you make for eStore stuff.
December 4, 2011 at 3:39 pm #39158JaneMemberI’m in love! Finally got time to watch the Firebug tutorial. Very cool! Will be very helpful. Love the way you can test CSS changes live. For the record, by FB, the salient CSS code is:
input, select, textarea {
background-color: #5EA872;
border-color: #000BAB;
color: #FCFCFC;
}
style1…r=3.2.1 (line 89)
.hentry .entry .crop, .hentry .entry img, .commentlist li, .wp-caption, input, select, textarea, .button, .button:visited {
border-radius: 2px 2px 2px 2px;
}
style.css (line 1054)
input, select, textarea {
border-style: solid;
border-width: 1px;
font-size: 1.4em;
padding: 4px;
}
style.css (line 710)
input, button, textarea, select {
}
Which, means, as I read it, that this one box is governed by the theme’s CSS, not eStore’s. I won’t pretend to guess why that is, but when I make the switch over from Constructor to Atahualpa, I’ll know just how to fix it.
I hope. keeping virtual fingers crossed!
As always…thanks a heap.
November 14, 2016 at 12:22 pm #39159ramonaParticipantI don’t get the quantity in the same line as the amount. See [http://www.tendency-magazin.com/shop/]. Do you have a hint? Tried out sth. with Firebug, no result.
November 15, 2016 at 12:03 am #39160adminKeymasterThe price amount and quantity box are not suppose to be on the same line.
Please read the following post which will explain a few things:
November 15, 2016 at 11:05 am #39161ramonaParticipantThank you.
-
AuthorPosts
- You must be logged in to reply to this topic.