Okay
  Public Ticket #1344143
Shop Item Count bug
Closed

Comments

  •  1
    Zac Trout started the conversation
    October 23, 2017 at 3:20pm

    On my product pages, the ± buttons for the item quantity are doing something funky. On your included shop page examples (http://themenectar.com/demo/salient-business/product/ninja-silhouette-2/), the button looks as it should. On mine, the + sign is moved up 35px. It looks like the attached screenshot. Is there a fix for this?

  •  3,034
    Andrew replied
    October 23, 2017 at 6:58pm

    Hey there,

    Thanks for reaching in,

    You can try fixing this with some CSS. Please send us a link a link to your website so we can help you fix this.

    Regards

  •  1
    Zac Trout replied
    October 23, 2017 at 7:00pm

    Oh, sorry. I thought I included that in the original message. Here ya go!


    https://leadforone.wpengine.com/shop/equipment/refurbished-glove/


  •  3,034
    Andrew replied
    October 23, 2017 at 7:08pm

    Hi Zac, 

    Thank you for the link. 

    You can use the following CSS to fix the button: 

    .woocommerce .cart .quantity input.plus{
      margin-top: 35px!important;
    }

    Please feel free to contact us if you have any further questions. 

    Best Regards.

  •  1
    Zac Trout replied
    October 23, 2017 at 7:13pm

    Yes- only question:

    Where do I paste this? On each individual product page CSS? Or somewhere in the main style.css file? I'm new to this, so you may have to walk me through it.

    Thanks!

  •  3,034
    Andrew replied
    October 23, 2017 at 7:17pm

    Hi Zac, 

    My apologies. Just go to Salient > General Settings > CSS/ Script Related and paste the code in the "Custom CSS Code" section. 

    Best Regards. 

  •  1
    Zac Trout replied
    October 23, 2017 at 7:18pm

    Got it! And that actually just pushed the entire thing down 35px, so what I did was this:

    .woocommerce .cart .quantity input.plus{
      margin-top: 35px!important;
    }
    .woocommerce .cart .quantity {
      margin-top: -35px!important;
    }

    That fixed it! So, thanks again Andrew!

  •  3,034
    Andrew replied
    October 23, 2017 at 8:07pm

    Hey there,

    Thanks for reaching in,

    I'm glad the issue is fixed now. Please be sure to reach incase you encounter another issue.

    Regards.