Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • July 30, 2017 at 7:47 pm #831888
    Erwin

    Hi,

    I’m having some troubles with different browsers. First there is this issue with the textcolor of my contactform. Already searched through the forum and tried a lot of things, but nothing works. In Firebug I can change it with .main_color *::-moz-placeholder, but it doesn’t change in Chrome or Safari. Also searched the net for placeholder, but can’t get it working.

    Another thing is the behaviour of the header part where in the logo is. In chrome it is shrinking, as I want it. In firefox and Safari it doesn’t.

    Can you help me out? See the private part for the url

    August 2, 2017 at 7:07 am #833220
    Ismael

    Hey erwin_m,

    Thank you for using Enfold.

    I checked the site on both browsers and the logo shrinks as expected. The contact form fields look the same as well. Could you please provide screenshots of the issue?

    Best regards,
    Ismael

    August 3, 2017 at 11:46 am #833829
    Erwin

    Hi,

    I thought there was a moment that it didn’t react as expected, I see now it does. That resolves the shrinking part.

    But the placeholder-part isn’t resolved, somehow I’m not able to change the text-color of this. On different pages I need a different text-color. Tried it with the standard form included in the ALB and with contact form 7. With the last form I’m able to colorize text-color within input area’s, but not when I place the text as an placeholder. See the link in the private part.

    Hope you can help me out.

    Regards,

    Erwin

    August 4, 2017 at 4:58 am #834143
    Ismael

    Hi,

    In the home page, you’re using the theme’s default contact form element. Why do you need to use the CF7 plugin on the contact page? It looks different because of the following css modification.

    .page-id-161 .wpcf7 input[type="text"], .page-id-161 .wpcf7 input[type="email"], .page-id-161 .wpcf7 input[type="tel"], .page-id-161 .wpcf7 textarea, .page-id-161 .wpcf7 placeholder {
    background-color: #edf3dd!important;
    color: #9dc63b!important;
    border-radius: 5px!important;
}

    Best regards,
    Ismael

    August 4, 2017 at 8:37 am #834230
    Erwin

    Hi Ismael,

    Thank you for looking at my problem.

    What I want is a contactform at the homepage with a white background and green text within the field, so the placeholder has to be green. On other pages the background has to be light-green and the text must have the darker green color. So, there are two forms with a slightly different layout. So I’ve bin trying somethings, from that there’s the css-modification.

    Question, how can I separate both forms, tried it with page-id without succes, and give them the right color’s for background and placeholder.

    Hope you can follow me.

    Regards,

    Erwin

    August 5, 2017 at 6:07 am #834584
    Ismael

    Hi,

    Thank you for the info. Please target the placeholder attribute with the following selectors.

    ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: green;
}
::-moz-placeholder { /* Firefox 19+ */
  color: green;
}
:-ms-input-placeholder { /* IE 10+ */
  color: green;
}
:-moz-placeholder { /* Firefox 18- */
  color: green;
}

    Best regards,
    Ismael

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.