Add to cart - Quantity Style

eCommerce WordPress theme with various e-store features and WooCommerce support.
GK User
Tue Nov 25, 2014 8:20 pm
Hi guys this theme is awesome!

I need your help. My customer says that the quantity system is a little bit harder, the buttons are too small.

There is a way to use the normal selector?

(+) quantity (-)

instead of

quantity +

Thank you!
User avatar
Expert Boarder

GK User
Wed Nov 26, 2014 9:04 am
Hi,

Try to add the following code into the theme’s css/override.css file (make sure to enable the “Use the override.css file” option in Template options > Advanced in the WordPress backend)

Code: Select all
.quantity .plus,
.quantity .minus,
#content .quantity .plus,
#content .quantity .minus {
   display: block!important;
}

.woocommerce .quantity input.qty,
.woocommerce .quantity.buttons_added input {
   float: left;
}
User avatar
Moderator

GK User
Wed Nov 26, 2014 12:15 pm
Piotr Kunicki wrote:Hi,

Try to add the following code into the theme’s css/override.css file (make sure to enable the “Use the override.css file” option in Template options > Advanced in the WordPress backend)

Code: Select all
.quantity .plus,
.quantity .minus,
#content .quantity .plus,
#content .quantity .minus {
   display: block!important;
}

.woocommerce .quantity input.qty,
.woocommerce .quantity.buttons_added input {
   float: left;
}





MMM i haven't found this option, sorry. I tried to add your code to template.css with !important but it does not work.

There is a way to enlarge the +- button? It's really small.
User avatar
Expert Boarder

GK User
Wed Nov 26, 2014 1:07 pm
Could you please provide me with a URL to your website, either here or via PM (click the “Private Message” text underneath my avatar) so that I may analyze it? and you should have this option "Use the override.css file" in your Storebox -> Template Options.
User avatar
Moderator

GK User
Thu Nov 27, 2014 7:08 pm
Wonderful Piotr, it works. Thank you very much.

One last question... is it possible to remove the old + ? Now that i have bigger buttons is useless.

Thank you

L
User avatar
Expert Boarder

GK User
Fri Nov 28, 2014 8:32 am
Hi,
Generally it's browser feature. (the appearance of this input depends on browser), you can try with this code for the Chrome:
Code: Select all
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

Please check also this article:
http://stackoverflow.com/questions/3790 ... s-spin-box
User avatar
Moderator


cron