WebsiteBaker Community Forum

WebsiteBaker Support (2.8.x) => Bakery Shop => Topic started by: svsanchez on September 18, 2015, 12:47:42 AM

Title: Checkout fields too close
Post by: svsanchez 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.

(http://www.deguate.net/bakery-checkout.jpg)

Thanks for your help!

Title: Re: Checkout fields too close
Post by: sky writer 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.

Title: Re: Checkout fields too close
Post by: Gast 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 ;-)

Title: Re: Checkout fields too close
Post by: svsanchez 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:

(http://sismaguatemala.com/sisma-form.jpg)