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

#52421
Attachments:

Please Log in or Create an account to join the conversation.


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
#52475

Please Log in or Create an account to join the conversation.


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

#84295

Please Log in or Create an account to join the conversation.


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
#84325

Please Log in or Create an account to join the conversation.


Alex Charbonneau replied the topic: Quantity property

Hello,

Here is the link to the page:

www.championnat2017.ca/test-form/

Thank you

Alex

#84591

Please Log in or Create an account to join the conversation.


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
#84639

Please Log in or Create an account to join the conversation.


Time to create page: 0.205 seconds
Powered by Kunena Forum

WORLD-CLASS SUPPORT

We are here for you every step of the way. Turn to our support with any questions you might have about our products and services. Our experienced customer care team is available to help you as fast as we possibly can.

Contact us