Please submit a private ticket if you need to share sensitive information, such as license details and admin credentials.

Okay
  Public Ticket #3212840
The quantity input selector is not positioned right
Closed

Comments

  • Gaurav started the conversation
    January 20, 2023 at 11:24pm

    I installed the product quantity plugin and everything works just as intended.

    The only issue is the position of the quantity input selector. It's off (see attached screenshot)

    I tried adding a code in the additional css of my theme and then it looks fine on the product page and quick view, but then it affects the ajax cart to look weird (see attached cart screenshot)

    The theme I am using is MinimogWP

    Here's the code I added in the additional CSS:

    .woopq-quantity-plus-minus {
        position: absolute;
        left: -25px;
    top: -20px
    }

    Please let me know what can be done to fix this, preferably without additional CSS so it looks right in all devices.


    Attached files:  Screenshot 2023-01-21 at 4.51.19 AM.png
      Cart screenshot after css code.png

  •  767
    Janilyn replied
    January 27, 2023 at 1:42pm

    Hi Gaurav,

    Thanks for contacting us here. We have just been back from a week-long vacation to celebrate the Tet Holiday so today I am able to respond to you.

    We’ve received your question. However, we need more information in order to help you with the custom codes. Please provide us with a link to your published product for checking? 

    We need to check the frontend in order to provide the proper CSS code for your needs.

    After receiving your information, I'll proceed to the next step. 

    Best regards. 


    Janilyn T. - WPClever Support Agent

  •  767
    Janilyn replied
    March 28, 2023 at 11:05am

    Hi Gaurav,

    Thank you for the link.

    I have assigned one of our developers to help you with that. 

    He’ll be looking into your question and responding with specific instructions as soon as possible. 

    Please stay patient as we're having very heavy workloads, it might take some time for our developers to reach back.

    Best regards.

    Janilyn T. - WPClever Support Agent

  •  1,226
    Dustin replied
    March 29, 2023 at 3:55am

    Hi Gaurav,

    Please add below CSS code to WP-Admin → Appearance → Customize → Additional CSS:

    .woopq-quantity-input-plus, .woopq-quantity-input-minus {
    font-size: 20px;
    position: absolute;
    background: none;
    border: none;
}
.woopq-quantity-input-plus:hover, .woopq-quantity-input-minus:hover {
    opacity: .7;
}
.woopq-quantity-input-minus {
    left: 0;
}
.woopq-quantity-input-plus {
    right: 0;
}

    And the result https://www.screencast.com/t/IxUtj3skY9NB

    Best regards,
    Dustin

  • Gaurav replied
    March 29, 2023 at 9:15am

    Hello Dustin,

    Thank you,  that helps with the plus and minus signs.

    More importantly, if you see the image attached, the quantity selector and add to cart button don't align.

    Can you help make it look neat and well aligned please?

    I added a code in the css to align the box, But then the quantity selector in the mini cart gets misaligned if I add the below code.

    .woopq-quantity-plus-minus {
        position: absolute;
        left: -25px;
    top: -20px
    }


    Attached files:  Screenshot 2023-03-29 at 2.43.46 PM.png

  •  1,226
    Dustin replied
    March 29, 2023 at 5:39pm

    I've checked and seen that you added custom CSS code in the child theme https://woocommerce-969178-3389040.cloudwaysapps.com/wp-content/themes/minimog-child/style.css?ver=6.1.1

    Please remove your CSS code for .button.alt.

    Then add below CSS code to WP-Admin → Appearance → Customize → Additional CSS:

    .entry-product-quantity-wrapper .quantity.woopq-quantity {
    margin: 0 20px 20px 0;
}

    You can watch the screen record video https://www.screencast.com/t/0pHDPHkrs

    Best regards,
    Dustin

  • Gaurav replied
    March 30, 2023 at 9:11am

    Hello Dustin,

    Ah! I had added that code in for something else, but I was able to change it to be more specific for which button.

    This works great! Thank you!

    Before we close this ticket, I would like to check with you if there are any offers for the premium version of this app available?

    Or any other apps - I am also looking for a shipping plugin that will handle live rates from UPS. Do you have a plugin for my requirement?

    Thanks!

  •  1,226
    Dustin replied
    March 31, 2023 at 2:18am

    Our plugins are one-time purchases and sell at a low price. So, we haven't any discount campaignsmile.png. You can check some bundles https://wpclever.net/downloads/category/bundles/ to get the best price.

    Currently, we haven't any plugin for shipping with UPS.

    Best regards,
    Dustin