Docs

[Andrei]

Hi,

I would like to make some small changes in the arrangement of the single product page.

1. I would like to put the text Qty in front of the quantity field;
2. I would like to make the field of the size smaller;
3. I would like to move the quantity field besides the size field;
4. I would like to move the Wishlist button besides the Add to bag button.

I attached an image.

My website is https://sinestezic.com

Thank you,
Andrei

[Andrei]

I managed to change the positions. Just tell me please how to put QTY in front of the quantity field.

Thank you.

[Rue Nel]

Hello There,

Thanks for writing in! Do you want something like this?

If that is case, please remove this custom css block first in your child theme’s style.css:

@media (min-width: 1200px){
  .woocommerce .quantity input[type="number"] {
    float: right!important;
  }
}

And you will need to add this custom css code instead:

@media (min-width: 1200px){
  .woocommerce .quantity {
    float: right;
  }

  .woocommerce .quantity:before {
    display: inline-block;
    content: "QTY";
    margin-right: 10px;
  }
}

We would loved to know if this has work for you. Thank you.

[Andrei]

It works great, thank you!

[Rue Nel]

You’re welcome! We’re happy to help you out.
If you need anything else we can help you with, don’t hesitate to open another thread.

[Author]

Posts