Jetpack contact form alignment

Homepage › Community Forums › Epik Theme Support › Jetpack contact form alignment

Tagged: 

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • October 2, 2014 at 10:45 pm #14147
    Genghis7777
    Customer

      Hi Folks

      Really happy with how my epik based site is coming along. However I’ve struck a wee problem:

      I’ve set up a contact form using the jetpack plugin. Unfortunately the check boxes won’t align to the left margin. Everything else does.

      Here is a link to the dev page: http://cbs.thenewblack.dnserver.net.nz/contact-us/

      Had a look on the Jetpack support pages and no luck there. I’m almost clueless on css coding so any suggestions that just say, “oh, just change the form’s css file” won’t be very helpful. 馃檪

      Any clues on how to resolve this? Any help greatly appreciated.

      October 3, 2014 at 8:42 pm #14161
      kronos
      Customer

        Oh, you can just change the form’s in your css file and it should work fine 馃槈

        …..Ok, I’m kidding 馃檪 You can add this to your css and it should fix the alignment of the checkboxes – 

        .checkbox input {
	width: auto;
}

        Here is where the issue originally shows up (line 388 in your style.css) – 

        
/* Forms
--------------------------------------------- */

input,
select,
textarea {
	box-shadow: 0 1px 3px #eee;
	-moz-box-shadow: 0 1px 3px #eee;
	-webkit-box-shadow: 0 1px 3px #eee;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 3px;
	color: #999;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 16px;
	padding: 12px;
	width: 100%;
}

        It’s the width of the input (which is set at 100%) that causes that to happen in certain cases, so that’s what it was. The code I added above this will override and fix it.

        Just let me know if that fixes it.

        October 4, 2014 at 5:03 am #14164
        Genghis7777
        Customer

          Hi Kronos

          You are the bomb!

          Bit of code worked sweet.

          Thanks muchly for the code and the humor.

          Cheers

          From Downunder.

        • Author
          Posts
        Viewing 3 posts - 1 through 3 (of 3 total)
        • The topic ‘Jetpack contact form alignment’ is closed to new replies.