drunkenpetal Posted August 6, 2014 Share Posted August 6, 2014 Hello, How can I make the domain name box registration in my WHMCS the same size? Right now as per the image below, it is too long. I would greatly appreciate any help, please! 0 Quote Link to comment Share on other sites More sharing options...
WHMCS Ryan Posted August 6, 2014 Share Posted August 6, 2014 Hello drunkenpetal, You should be able to modify the size of the input box in the adddomain.tpl file found in order form template folder. You will want to look for the following line in this template file: 'www. <input type="text" name="sld" id="sld" size="25" value="{$sld}" /> <select name="tld" id="tld">' If you edit the size="X" (the actual number will vary depending on the template you are using) to a smaller number it should begin to shrink in size. You will need to play around with this until you are able to find the right size for your template. --Thanks 0 Quote Link to comment Share on other sites More sharing options...
drunkenpetal Posted August 7, 2014 Author Share Posted August 7, 2014 Hello drunkenpetal, You should be able to modify the size of the input box in the adddomain.tpl file found in order form template folder. You will want to look for the following line in this template file: 'www. <input type="text" name="sld" id="sld" size="25" value="{$sld}" /> <select name="tld" id="tld">' If you edit the size="X" (the actual number will vary depending on the template you are using) to a smaller number it should begin to shrink in size. You will need to play around with this until you are able to find the right size for your template. --Thanks Dear Ryan, Thanks for helping me! However, this does not solve my problem. I went into the order form that I selected (in this case, Comparison) and edited the adddomain.tpl file as you mentioned. Despite changing the size to 5 or even 1, the size of the boxes still remain the same. Can you please help me? 0 Quote Link to comment Share on other sites More sharing options...
sentq Posted August 7, 2014 Share Posted August 7, 2014 if you able to write your domain name so i can give it a check? 0 Quote Link to comment Share on other sites More sharing options...
drunkenpetal Posted August 7, 2014 Author Share Posted August 7, 2014 if you able to write your domain name so i can give it a check? Thanks mate. I have PMed you the address. - - - Updated - - - if you able to write your domain name so i can give it a check? For some reason, I cannot PM you. the address is here: http://billing.ospreyhost.com/cart.php?a=add Many thanks! 0 Quote Link to comment Share on other sites More sharing options...
drunkenpetal Posted August 7, 2014 Author Share Posted August 7, 2014 Guys, I have been trying and still face this problem...anyone can help me please 0 Quote Link to comment Share on other sites More sharing options...
imaticon Posted August 7, 2014 Share Posted August 7, 2014 Hi, Open /templates/osprey/css/filoxenia.css and locate line 160 select { width: 100%; } change that to any pixel value, or set a lower percentage, or simply comment it out. Regards, Marco 0 Quote Link to comment Share on other sites More sharing options...
drunkenpetal Posted August 8, 2014 Author Share Posted August 8, 2014 Hi, Open /templates/osprey/css/filoxenia.css and locate line 160 select { width: 100%; } change that to any pixel value, or set a lower percentage, or simply comment it out. Regards, Marco Marco, thank you for your help! I managed to get the box to the size I need. Another question, how can I get the fields to align it all in one line? Now, there is www. (1 line), text area (1 line) and .com (1 line). I want to get it all aligned in the same line. can you help me please? 0 Quote Link to comment Share on other sites More sharing options...
sentq Posted August 8, 2014 Share Posted August 8, 2014 @drunkenpetal, open /templates/osprey/css/filoxenia.css and place this code at the end #whmcsorderfrm input[name="sld"] { width: 200px; display: inline-block; } #order-boxes select[name="tld"] { width: 120px; } now all aligned you can change each element size as you like 0 Quote Link to comment Share on other sites More sharing options...
drunkenpetal Posted August 8, 2014 Author Share Posted August 8, 2014 @drunkenpetal, open /templates/osprey/css/filoxenia.css and place this code at the end #whmcsorderfrm input[name="sld"] { width: 200px; display: inline-block; } #order-boxes select[name="tld"] { width: 120px; } now all aligned you can change each element size as you like Dear Sentq, thank you for your help. I have done as what you said, and it is working fine on this page: http://billing.ospreyhost.com/cart.php?a=add&domain=register'>http://billing.ospreyhost.com/cart.php?a=add&domain=register However, when I try to register from selecting a shared hosting package, the problem pops up again. For instance from here: http://billing.ospreyhost.com/cart.php?a=add and you select the package shared hosting, then select a product, you will see that it is misaligned again. 0 Quote Link to comment Share on other sites More sharing options...
sentq Posted August 8, 2014 Share Posted August 8, 2014 then replace the provided code with this: #whmcsorderfrm input[name|="sld"] { width: 200px; display: inline-block; } #order-boxes select[name|="tld"] { width: 120px; } 0 Quote Link to comment Share on other sites More sharing options...
drunkenpetal Posted August 8, 2014 Author Share Posted August 8, 2014 then replace the provided code with this: #whmcsorderfrm input[name|="sld"] { width: 200px; display: inline-block; } #order-boxes select[name|="tld"] { width: 120px; } Dear Sentq, unfortunately this code is not working... I am still facing the same error on the page when I select a shared hosting package (e.g Egg). Domain registration page is working fine. 0 Quote Link to comment Share on other sites More sharing options...
sentq Posted August 8, 2014 Share Posted August 8, 2014 if you are sure the previos code didn't solve it, then add this code too, #whmcsorderfrm input { display: inline-block; } 0 Quote Link to comment Share on other sites More sharing options...
drunkenpetal Posted August 8, 2014 Author Share Posted August 8, 2014 if you are sure the previos code didn't solve it, then add this code too, #whmcsorderfrm input { display: inline-block; } Dear Sentq, THANK YOU VERY MUCH! This has helped me to solve the problem. Cheers! 0 Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.