Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • June 11, 2016 at 11:37 pm #646710
    Ivygrace808

    Hello Enfold Masters & tech friends…

    First off, add my voice to the choir that Enfold is the best theme ever! Thank you very much Team Kriesi for creating Enfold and your ongoing work is very much appreciated!!!!!!!!!!!!!!

    Now for my problem, I need a little help with :)

    I’m building a site out and I made a contact form using the built in Enfold contact form. I did some custom CSS to style it how I want it to look,BUT I’m stuck on figuring out how to put the name, email and phone number TEXT inside of the input field boxes. I believe this is called ghost text.

    The closest thread I found that seemed to cover this is the following link…

    https://kriesi.at/support/topic/form-style/

    Is that solution still current?

    I tried to do what was suggested in that thread, but I cant get the ghost text to show up in the input boxes. Right now with that CSS and php applied all I got is blank fields with no text at all. I must be doing something wrong.

    I attached a link with a pic of what things look like now, and a pic of what I would like it to look like.
    http://s33.postimg.org/e5et7ba4v/All_in_one.jpg

    Any help would be much appreciated…

    Thanks

    Ivy

    • This topic was modified 7 years, 11 months ago by Ivygrace808.
    June 13, 2016 at 5:51 am #647175
    Rikard

    Hey Ivygrace808,

    Thanks for all the details but I think you forgot to include the URL to the site?

    Regards,
    Rikard

    June 13, 2016 at 8:02 am #647223
    Ivygrace808

    updated with URL sorry lol

    June 13, 2016 at 2:15 pm #647390
    Yigit

    Hi!

    I edited your Contact Form and check “Hide form labels” – http://i.imgur.com/RhmvrbN.png :)
    Please review your website now

    Best regards,
    Yigit

    June 13, 2016 at 8:15 pm #647614
    Ivygrace808

    thanks so much!

    i cant believe I didn’t see that checkbox :)

    For some reason now It looks like the video has blank space underneath it now, I has messed with the CSS to remove that and make it flush with the bottom of the contact form. It took me a bit to get the video flush but I didn’t do that great of a job and assumed there was better way I would have to figure out.

    By chance do you have some quick CSS to get the contact form back flush with video bottom the right way?

    • This reply was modified 7 years, 11 months ago by Ivygrace808.
    June 13, 2016 at 8:28 pm #647625
    Yigit

    Hi!

    No, i just checked the box and updated your page :)

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    .arve-embed-container {
    padding-bottom: 57.7%!important;
}

    Regards,
    Yigit

    June 15, 2016 at 1:04 am #648327
    Ivygrace808

    thanks for the help much appreciated!

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Current Best Approach to Ghost Text in Contact Form Input Fields?’ is closed to new replies.