PLEASE NOTE: These forums are no longer utilized and are provided as an archive for informational purposes only. All support issues will be handled via email using our support ticket system. For more detailed information on this change, please see this blog post.

CSS Styling of Sidebar

Gravity Support Forums » Plugin Support » Gravity Forms

  1. Anthony
    Member

    I have a simple sidebar form widget that I have attempted to style but a couple elements are not conforming.

    Take a look at the form here -> http://174.123.90.66/~abprinc/apsite/

    The text "Stay Connected...." is an HTML form element, but the styles I am applying in the form are not taking.

    This is what I have in the HTML element.

    <p style="font-size=20px">Stay Connected</p>
<p>and receive frequent email updates</p>

    Also, is there a way I can get the form fields "Name" and "Email" to be a faint gray inside the actual form element? Meaning inside the input box itself.

    Posted 13 years ago on Tuesday October 18, 2011 | Permalink

  2. Kevin Flahaut
    Administrator

    Well, to begin, your inline style declaration is incorrect. It should be like this.. with a colon

    <p style="font-size: 20px">Stay Connected</p>

    screenshot: http://bit.ly/pepsvw

    Secondly, there's no built-in way to add placeholder text right now. You can do this with a little customization though.. you would hide the existing field labels with a CSS rule, then you can use this method to add the placeholder text inside the inputs.

    http://rkt.gs/clearit

    Hope that helps.

    Posted 13 years ago on Tuesday October 18, 2011 | Permalink

  3. Anthony
    Member

    DOH! That's what you get for trying to work before morning coffee! I can't believe I just typed the styling wrong.

    I will try to follow the directions on the link for the placeholder text.

    Thanks,
    anthony

    Posted 13 years ago on Tuesday October 18, 2011 | Permalink

  4. Kevin Flahaut
    Administrator

    No worries. Just got my coffee myself and am starting to feel human. Glad I could help out.

    Posted 13 years ago on Tuesday October 18, 2011 | Permalink

  5. Anthony
    Member

    Thanks again Kevin. The form looks just as the designer wanted now.

    Posted 13 years ago on Tuesday October 18, 2011 | Permalink

  6. Kevin Flahaut
    Administrator

    Great. I love to hear that. Thanks for the update.

    Posted 13 years ago on Tuesday October 18, 2011 | Permalink

This topic has been resolved and has been closed to new replies.