- Posts: 49
- Thank you received: 0
Customizing Form - Spacing/boxes
15 years 2 months ago #24777
by byesuzuki
Customizing Form - Spacing/boxes was created by byesuzuki
Hi There,
One more question, could you please let me know where in the CSS I can remove some of those boxes around the form field (please see attached image with arrows in red) also I would like to add some cellpadding and cell spacing in the form fields to give it some room, please let me know where I might be able to find that - Thanks so much - this forum is the BEST. image missing http://www.hikashop.com/media/kunena/attachments/legacy/images/Form.jpg
One more question, could you please let me know where in the CSS I can remove some of those boxes around the form field (please see attached image with arrows in red) also I would like to add some cellpadding and cell spacing in the form fields to give it some room, please let me know where I might be able to find that - Thanks so much - this forum is the BEST. image missing http://www.hikashop.com/media/kunena/attachments/legacy/images/Form.jpg
Please Log in or Create an account to join the conversation.
15 years 2 months ago #24786
by nicolas
Replied by nicolas on topic Re: Customizing Form - Spacing/boxes
You need to add such CSS in your template's CSS:
fieldset{ border: 0; }
table td{ padding:10px; }
table{ border-spacing: 10px; }
fieldset{ border: 0; }
table td{ padding:10px; }
table{ border-spacing: 10px; }
Please Log in or Create an account to join the conversation.
15 years 2 months ago #24790
by byesuzuki
Replied by byesuzuki on topic Re: Customizing Form - Spacing/boxes
Thanks again - it worked - you guys are awesome.
Please Log in or Create an account to join the conversation.
15 years 4 weeks ago #26997
by barajakt
Replied by barajakt on topic Re: Customizing Form - Spacing/boxes
I have the opposite as byesuzuki have, there is too mush spacing and padding. I have tried customize the css, but cant find any solution. And how can I move up the "asterisk sign" to the same level as the field?
image missing http://barajakt.se/tmp/f.jpg image missing http://www.hikashop.com/media/kunena/attachments/legacy/images/f.jpg
image missing http://barajakt.se/tmp/f.jpg image missing http://www.hikashop.com/media/kunena/attachments/legacy/images/f.jpg
Please Log in or Create an account to join the conversation.
15 years 4 weeks ago #27005
by nicolas
Replied by nicolas on topic Re: Customizing Form - Spacing/boxes
Please give a link to that page. The CSS styling is based on your template so the code to use will vary based on your template. That's why we need to see it directly on the website.
Please Log in or Create an account to join the conversation.
15 years 4 weeks ago #27012
by barajakt
Replied by barajakt on topic Re: Customizing Form - Spacing/boxes
Please Log in or Create an account to join the conversation.
15 years 3 weeks ago #27015
by nicolas
Replied by nicolas on topic Re: Customizing Form - Spacing/boxes
The problem indeed comes from the CSS of your template.
To change that you should remove the code display: block; and margin-bottom: 10px; from the lines below in the file www.barajakt.se/166/templates/shoplab/css/styles.css
div.component input,div.component select,div.component textarea {background: -moz-linear-gradient(center top , #F1F1F1, #FFFFFF) repeat scroll 0 0 transparent;border: 1px solid #DCDCDC;margin-bottom: 10px;padding: 3px;display: block;}
input,select, textarea {background: -moz-linear-gradient(center top , #F1F1F1, #FFFFFF) repeat scroll 0 0 transparent;border: 1px solid #DCDCDC;margin-bottom: 10px;padding: 3px;display: block;}
To change that you should remove the code display: block; and margin-bottom: 10px; from the lines below in the file www.barajakt.se/166/templates/shoplab/css/styles.css
div.component input,div.component select,div.component textarea {background: -moz-linear-gradient(center top , #F1F1F1, #FFFFFF) repeat scroll 0 0 transparent;border: 1px solid #DCDCDC;margin-bottom: 10px;padding: 3px;display: block;}
input,select, textarea {background: -moz-linear-gradient(center top , #F1F1F1, #FFFFFF) repeat scroll 0 0 transparent;border: 1px solid #DCDCDC;margin-bottom: 10px;padding: 3px;display: block;}
Please Log in or Create an account to join the conversation.
15 years 3 weeks ago #27053
by barajakt
Replied by barajakt on topic Re: Customizing Form - Spacing/boxes
Thanks! Works great on IE & Chrome!
For some reason the problem remains on Firefox, nothing at all happend there. Any thoughts?
For some reason the problem remains on Firefox, nothing at all happend there. Any thoughts?
Please Log in or Create an account to join the conversation.
15 years 3 weeks ago #27060
by nicolas
Replied by nicolas on topic Re: Customizing Form - Spacing/boxes
I just checked and it's displaying fine in firefox. It must be because your template CSS is still cached in your browser.
Please Log in or Create an account to join the conversation.
Time to create page: 0.301 seconds