Cart quantity doesn't display fully

  • Resolved neco011

    (@neco011)


    11 years, 3 months ago

    Hi,

    I’m using the latest version of Jigoshop with Simply Jigoshop theme and the box with the product order quantity on the product and cart pages doesn’t display enough to show the numbers.

    If I use Firebug the box css shows as below and if I change the width to 25px the box shows the numbers but I can’t find where to change the css in the theme files.

    .quantity input.input-text {
    border: 1px solid #bbbbbb;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2) inset;
    float: left;
    padding: 7px 9px;
    width: 18px;
    }

    Any advice on where or how to change the css or get the quantity box to display correctly appreciated.

    https://ww.wp.xz.cn/plugins/jigoshop/

Viewing 8 replies - 1 through 8 (of 8 total)
  • Plugin Author MWSGD

    (@mwsgd)

    11 years, 3 months ago

    Hi,

    You should add the following to your themes ‘style.css’

    .quantity input.qty {
    width: 25px !important;
    }

    Thread Starter neco011

    (@neco011)

    11 years, 3 months ago

    Tried and that didn’t work either.

    I added to Simply Jigotheme style.css but it didn’t change anything and when I check with Firebug it doesn’t show any change to css.

    megawebmaster

    (@megawebmaster)

    11 years, 3 months ago

    Hello @neco011

    Please try more specific styles:

    .jigoshop-cart #main-content .form-cart-items .quantity input.input-text.qty {
    width: 38px;
}

    This should do the trick, we’ll work on providing proper update to the theme as it is a mistake there. Thank you for reporting it!

    Thread Starter neco011

    (@neco011)

    11 years, 3 months ago

    Hi,I added the more specific style to the Simply Jigotheme style.css but it still doesn’t change. Checked with Firebug again and there’s still no change to the css. Also tried adding !important but still no change.

    The Simply Jigotheme style.css doesn’t actually have much css in it so is there something else I can try or can you tell me where it needs correcting in either Jigoshop or the Simply Jigoshop theme until the theme update is available?

    Thanks

    megawebmaster

    (@megawebmaster)

    11 years, 2 months ago

    Hi @neco011

    Could you post address of your site? In my case I was able to update size of the element using code above. Just insert it in the correct place (stylesheet file that is loaded for sure).

    Thread Starter neco011

    (@neco011)

    11 years, 2 months ago

    Hi, you can view the website here: http://bit.ly/1GnKMs4

    Thanks

    megawebmaster

    (@megawebmaster)

    11 years, 2 months ago

    Hello @neco011

    Please add the code I’ve posted earlier to themes/simply-jigoshop/css/green.css file at the bottom. Just checked it in our test environment and everything is fine.

    Thread Starter neco011

    (@neco011)

    11 years, 2 months ago

    Hi, I added the last style to the green.css and that changed it on the cart page but not the product page so I added the original style as below and that fixed it on both the product and cart pages so seems all sorted now.

    .quantity input.input-text {
    width: 38px;
    }

    Thanks

Viewing 8 replies - 1 through 8 (of 8 total)

The topic ‘Cart quantity doesn't display fully’ is closed to new replies.