Author Topic: Checkout fields too close  (Read 1178 times)

Offline svsanchez

  • Posts: 510
Checkout fields too close
« on: September 18, 2015, 12:47:42 AM »
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!

Offline sky writer

  • Posts: 926
Re: Checkout fields too close
« Reply #1 on: September 18, 2015, 04:40:29 AM »
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.

Offline Gast

  • Posts: 5920
Re: Checkout fields too close
« Reply #2 on: September 18, 2015, 01:40:16 PM »
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 ;-)

Offline svsanchez

  • Posts: 510
Re: Checkout fields too close
« Reply #3 on: September 18, 2015, 06:02:27 PM »
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: