Quantity input style

This topic has 11 replies, 2 voices, and was last updated 1 year, 8 months ago by Aizaz Imtiaz Awan.

Viewing 12 posts - 1 through 12 (of 12 total)

Author

Posts
March 24, 2023 at 2:46 pm #453889

web-0993
Participant

Hi:

How do i change quantity input style?
Only through css?

Thanks.

Attachments:
You must be logged in to view attached files.

March 24, 2023 at 4:16 pm #453928
Aizaz Imtiaz Awan
Keymaster
Hi,

Please try adding the following Custom CSS under Theme Settings >> Custom CSS.
```
div.quantity {
color: blue;
	font-family: arabic-indic;
	font-size: 20px !important;
}
```
Change code as per your need.

Best Regards.
March 24, 2023 at 5:48 pm #453957

web-0993
Participant

Thanks Aizaz:

However is not working.
Just want to remove top and lateral lines and keep only bottom line.

Attachments:
You must be logged in to view attached files.

March 25, 2023 at 10:21 am #454053

Aizaz Imtiaz Awan
Keymaster

Hi,

Could you please elaborate your concern more with some useful Screenshots and the Page URLs so that we can better understand and assist you accordingly.

But under the WoodMart Theme, you can create Custom Layouts for a single product page using the Theme’s Layout Builder. Here is the guide to that:
https://xtemos.com/docs-topic/single-product-page-builder/

Best Regards.

March 25, 2023 at 2:19 pm #454086

web-0993
Participant

Hi:

What i mean is something like the image attached. I’m already using a custom layout.

Thanks.

Attachments:
You must be logged in to view attached files.

March 25, 2023 at 3:57 pm #454110
Aizaz Imtiaz Awan
Keymaster
Hi,

Please try using the below Custom CSS code and paste it to Dashboard >> Theme Settings >> Custom CSS >> Global CSS section:
```
.single-product .quantity input {
    border-top: 0px !important;
    border-left: 0px !important;
    border-right: 0px !important;
    border-bottom: 3px solid #000 !important;
}
```
Best Regards.
March 25, 2023 at 4:06 pm #454115

web-0993
Participant

Thanks for your quick reply!

Unfortunately the quantity input disappeared (see screenshot).

Attachments:
You must be logged in to view attached files.

March 25, 2023 at 4:13 pm #454118

Aizaz Imtiaz Awan
Keymaster

Hi,

Kindly, please share your Site WP-ADMIN Login details in the Private Content field so that we can check this concern on your Site and help you out accordingly.

Best Regards.

March 25, 2023 at 5:45 pm #454132

web-0993
Participant

Here it is.
Thanks.

March 27, 2023 at 9:28 am #454330

Aizaz Imtiaz Awan
Keymaster

Hi,

Your issue has been resolved: Screenshot for clarification: https://ibb.co/6PnbGd1
Please clear the browser cache and try again.

Best Regards.

March 27, 2023 at 9:53 am #454344

web-0993
Participant

Thanks!

March 27, 2023 at 9:54 am #454346

Aizaz Imtiaz Awan
Keymaster

Most Welcome!!!.

I’m so happy to hear you are pleased with the Theme and Support. XTEMOS strives to deliver the best customer experience, and it makes our day to hear we have accomplished that.

We count ourselves lucky to have you as a customer. You can always reach us at any time. We are always here to help you.

Thanks for contacting us.
Have a great day.

Topic Closed.
Best Regards.
Author

Posts