Hi lexadmin,
There’s no need to apologize. Everybody is learning. 🙂
To answer your question, you may try to insert this into your Custom CSS, under the Options tab:
#ewd-otp-tracking-form > .pure-control-group {display:inline;}
#ewd-otp-order-number-div {float:left;}
#ewd-otp-tracking-number {float:left; width: 40%;}
I have added a width of 40% to the text input area. If you wish for it to be bigger or smaller, you can change it accordingly. What I have done was basically to put the container to have its elements display as inline elements. Then, I pushed the “Order Number” title to the left, and the text input as well, letting the “Submit” button fall naturally beside it.
Hope this has helped you! 🙂 Do not hesitate to contact us again for additional support. We will be glad to help you.
Regards,
Thank you very much for your help! I’m happy to have purchased your product, and am very excited to have it set up and in use.
I’ve attached pictures of the result here.
I’m playing around with the CSS but can’t quite get them all in line and nicely spaced out. Any additional tips would be very appreciated.
For your reference the custom CSS I have now is:
#ewd-otp-tracking-form > .pure-control-group {display:inline;}
#ewd-otp-order-number-div {float:left; width:120px; margin-left:0px; padding-left:0px; margin-right:4px; text-align:right;}
#ewd-otp-tracking-number {float:center; width: 30%; margin-left:0px; margin-bottom:5px; margin-top:0px;}
Thanks again!
Hi!
We are pleased to know that you are happy with your purchase.
The result is amazing. Good job! What kind of alignement & spacing are you specifically searching for?
If the submit button is causing you trouble, you may want to change the value of its line-height. It depends on the theme you are using. This value worked for us:
ewd-otp-submit {line-height: 0.75;}
Another note: the only values accepted for float are left, right, none, inherit. Center is not an accepted value 🙂
Regards,
