styling the Email Submit widget using CSS

  • Unknown's avatar
    gaiavincenzi · Member ·

    Hi everyone,
    I want to know how can I style the Email subscription widget into my blog using CSS.
    In particular I want to know how can I insert text into the box where people have to insert their email for subscribing to the blog, like “insert your email here”.

    Really thanks

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    designsimply · Member ·

    CSS does have a way for your to attach plain text to elements on a page. You can do that using the “content” property.

    In this case, I would recommend adding some text just below the line about joining other followers, and here’s a sample CSS snippet to get you started:

    #subscribe-blog p:first-child:after {
    display: block;
    content: "Enter your email here:";
}
  • Unknown's avatar
    gaiavincenzi · Member ·

    thank you for the reply designsimply.
    Is there a way to insert the text “Enter your email here:” displaying directly into the box where people have to write their email address?

    thx

  • Unknown's avatar
    hfzrhmn · Member ·

    Hi,

    What you are referring is called ‘placeholder text’, which unfortunately can’t really be done with CSS. There *is* a way, but it is only supported on Webkit-based browsers like Chrome and Safari, and it won’t work on other browsers like Firefox or Internet Explorer.

  • Unknown's avatar
    designsimply · Member ·

    @gaiavincenzi, there isn’t a way I know of to change the text in the box using CSS only, and that’s why I suggested the workaround that I posted earlier.

    @hfzrhmn, what is the way to do it in webkit-based browsers?

  • The topic ‘styling the Email Submit widget using CSS’ is closed to new replies.