Checkout fields too close

[svsanchez]

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.



Thanks for your help!

[sky writer]

Go to your Bakery Admin page, click "Edit CSS" tab.
Do a search for ".mod_bakery_form_in put_f" (should be around line 300)
add a margin, for example:

Code: [Select]

.mod_bakery_form_input_f {
    width: 280px;
    margin: 0 0 8px 10px;
}
Hope this helps.

[jacobi22]

my solution in frontent.css

a new line at the end of the css-file

Code: [Select]

/* 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

[svsanchez]

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: