Quantity property
ateel created the topic: Quantity property
Hello The payment field has check box field and Quantity property field i want to make sure they
aligned on same line instead of below the field of product
Please Log in or Create an account to join the conversation.
7 years 6 months ago
Agapi G. replied the topic: Quantity property
Dear user,
You can align Quantity fields next to checkboxes using inline styles. You'll need to add the CSS code to the very end of your form theme. Here's an example of the CSS code:
#wdform_5_div1 {
display: inline-block;
}
Thank you!
Kind regards,
Agapi G.
Web-Dorado team
Please Log in or Create an account to join the conversation.
7 years 6 months ago
Alex Charbonneau replied the topic: Quantity property
Hello,
I`m trying to do the same thing but I cannot find a way to apply the css correctly. Can you explain a little more what I should put in my css?
I try to put the form number with the wdform, no success. I try to change the # for . no success.
I`m really confuse.
Thank you
Alex
Please Log in or Create an account to join the conversation.
-
- Alex Charbonneau
- Offline
- Fresh Boarder
-
- Posts: 6
- Thank you received: 0
6 years 6 months ago
Agapi G. replied the topic: Quantity property
Hello Alex!
Thank you for raising your question!
Please note, that the IDs of these fields are unique, and it might not be the same on your form page. Could you please give us the link to it, so we can take a look? We'll provide you the CSS code which corresponds to the quantity field of your form.
Thanks! Have a great day!
Kind regards,
Agapi G.
Web-Dorado team
Please Log in or Create an account to join the conversation.
6 years 6 months ago
Alex Charbonneau replied the topic: Quantity property
Hello,
Here is the link to the page:
www.championnat2017.ca/test-form/
Thank you
Alex
Please Log in or Create an account to join the conversation.
-
- Alex Charbonneau
- Offline
- Fresh Boarder
-
- Posts: 6
- Thank you received: 0
6 years 6 months ago
Agapi G. replied the topic: Quantity property
Hello Alex!
Thank you for the link! Could you please add the following CSS code to style.css file or custom CSS editor of your website theme?
div[wdid="25"] .wdform-element-section div {
display: inline-block !important;
vertical-align: middle !important;
}
Make sure to clear the cache of your web browser before checking the changes. Let me know if it works.
Thanks! Have a great day!
Kind regards,
Agapi G.
Web-Dorado team
Please Log in or Create an account to join the conversation.
6 years 6 months ago