Hello guys, I'm having a strange problem with Bakery at the checkout process: the Email, Name, Address, etc... fields appear too close. I never had this problem before and I've been looking for a way to correct it and comparing to other sites I built but without luck. I clearly don't know where or what to look for. I didn't modify the bakery files.
Here's an image of what I'm getting, please note all fields are too close to each other.
(http://www.deguate.net/bakery-checkout.jpg)
Thanks for your help!
Go to your Bakery Admin page, click "Edit CSS" tab.
Do a search for ".mod_bakery_form_input_f" (should be around line 300)
add a margin, for example:
.mod_bakery_form_input_f {
width: 280px;
margin: 0 0 8px 10px;
}
Hope this helps.
my solution in frontent.css
a new line at the end of the css-file
/* Inputfelder im Adressformular - inputfield in adressformular*/
input.mod_bakery_form_input_f, select.mod_bakery_form_input_f{height:1.6em;padding:3px;margin-left:10px;}
also possible a combination with the post from sky writer and me - try it ;-)
Thanks a lot SkyWriter and Jacobi, I used both your solutions and the result is excellent! Here it is in case someone else wants to see how changing those lines affects the form:
(http://sismaguatemala.com/sisma-form.jpg)