WordPress.org

Ready to get started?Download WordPress

Forums

Contact Form 7
[resolved] Pinboard Theme (17 posts)

  1. gaffnere
    Member
    Posted 1 year ago #

    hi there.

    for some reason, when using the pinboard theme, the "Your Email (required)" input box of the contact form is formatted differently from the other input boxes. it's outline is darker. it also highlights when you type in text, unlike the other boxes.

    see: link.

    this is the code i'm using. should be fine.

    <p>Your Name (required)<br />
        [text* your-name] </p>
    
    <p>Your Email (required)<br />
        [email* your-email] </p>
    
    <p>Subject<br />
        [text your-subject] </p>
    
    <p>Your Message<br />
        [textarea your-message] </p>
    
    <p>[submit "Send"]</p>

    any idea what's up with that?

    http://wordpress.org/extend/plugins/contact-form-7/

  2. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    I really don't know about any form problems here, but if you simply look at the CSS, the form CSS is not getting applied to the email blank. So you could try adding this to the CSS - preferably to custom CSS if you have that:

    input[type="email"]
    {
    	padding:1.5%;
    	box-shadow:inset 1px 1px 5px rgba(0, 0, 0, .05);
    	background:#FCFCFC;
    	border:#EEE 1px solid;
    	color:#999;
    	font-family:"Droid Sans", sans-serif;
    	font-size:13px;
    }
  3. gaffnere
    Member
    Posted 1 year ago #

    hi WPyogi!

    appreciate your help, thanks.

    i'm now working off this site. tried that code... didn't work though.

    i simply installed the plugin & activated it. have used this plugin with other themes & the email input box appears the exact same as the other input boxes. i don't understand why it should behave differently with this theme.

  4. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    Where did you put that code?

  5. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    I don't know why it's misbehaving either - looks like some CSS is missing (intentionally or not, I can't tell).

  6. gaffnere
    Member
    Posted 1 year ago #

    in pinboard theme...
    appearance > theme options > layout > custom css

  7. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    EDIT - this was my "explanation" of the problem - FWIW :)

    It looks like it works if you use "text" for the type - see your email sign-up form is okay - they type is text in that one. But if the type is email, it has no CSS here:

    input[type="text"], input[type="password"], textarea {
        background: none repeat scroll 0 0 #FCFCFC;
        border: 1px solid #EEEEEE;
        box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.05) inset;
        color: #999999;
        font-family: "Droid Sans",sans-serif;
        font-size: 13px;
        padding: 1.5%;
    }

    So that's what I added above.

  8. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    I see what happened - why your CSS isn't working:

    input[type=&quot;email&quot;]
    {
    	padding:1.5%;
    	box-shadow:inset 1px 1px 5px rgba(0, 0, 0, .05);
    	background:#FCFCFC;
    	border:#EEE 1px solid;
    	color:#999;
    	font-family:&quot;Droid Sans&quot;, sans-serif;
    	font-size:13px;
    }

    For some reason, those quotes are stripped out - see if typing them in there rather than pasting works.

  9. gaffnere
    Member
    Posted 1 year ago #

    thanks for you help.
    ok now things are getting really weird. i actually noticed that too. so i have typed it out 3 times now. but keeps reverting back to original one.
    weird!

  10. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    Yeah, I don't know what's the deal with that - ugh. Well try it at the bottom of the style.css file.

  11. gaffnere
    Member
    Posted 1 year ago #

    ha. ok so i added both of your 2 suggestions to the css file. & still no dice. weeeeird. maybe it's time for a new plugin.

  12. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    I just tested that CSS on a test site on Pinboard - and it DID strip out the code in Custom CSS - but not in the style.css file.

    I don't see that code at all in your style.css file. Do you want to try it again? (Frustrating I'm sure :) )

  13. gaffnere
    Member
    Posted 1 year ago #

    thanks again for all of your effort!
    i was going to wash my hands with it tbh.

    but inspired by your persistance, i just tried the code again in the css file...
    and guess what?
    IT WORKS.

    can't thank you enough :)
    was such a stupid niggly thing but it looked really bad.

    cheers, WPyogi!!

  14. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    YAY!! Weird too. I totally understand - I'm a perfectionist about those kinds of things too. Glad we hit it enough times - LOL!

  15. gaffnere
    Member
    Posted 1 year ago #

    :D

  16. mylahikes
    Member
    Posted 6 months ago #

    I am also having this trouble on my site: mylahikes.com/contact
    Unfortunately I have not had any luck pasting the above code into the custom CSS. I am very new to wordpress so I could be missing something obvious. Anyone have any ideas?
    Thanks!!

  17. buzztone
    Member
    Posted 6 months ago #

    @mylahikes - As per the Forum Welcome, please post your own topic.

    Posting in an existing topic prevents being able to track issues by topic. Added to which, your problem - despite any similarity in symptoms - is likely to be completely different.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic