WordPress.org

Ready to get started?Download WordPress

Forums

Newsletter Sign-Up
[resolved] css in thank you message (5 posts)

  1. ronvanrutten
    Member
    Posted 2 years ago #

    I am trying to format the message you get when you have a successfull signup:

    Text to replace the form with after a successful sign-up is now:
    Thank you for subscribing to the official <b>Eddie Middle-Line Newsletter</b>.

    We're happy to have you on board and appreciate your interest in Eddie Middle-Line !

    The bold tag works fine, but the text is black and should be white. Any suggestions what I need to add to the CSS file?

    For the signup this works fine:

    .nsu-signed-up-1{
    padding:10px;
    color:white;
    }

    But I need to change the output text colour and size.

    The signup works perfect btw, just the little kink that needs to be ironed out of the one I'm using ;)

    Ron

    http://wordpress.org/extend/plugins/newsletter-sign-up/

  2. ChristiNi
    Member
    Posted 2 years ago #

    Hi Ron,

    I would suggest one of the following methods instead of <b>Eddie Middle-Line Newsletter</b>:

    Either using your CSS file or adding CSS to a span tag around the text:

    Span Tag & CSS:

    <span id=newstitle>Eddie Middle-Line Newsletter</span>

    In your CSS file:

    #newstitle
    {
    	font-weight: bold;
    	font-color: white;
    
    }

    You can also control the font size by adding the font-size property.

    Style in the span tag:

    <span styl="font-weight:bold;font-color:white">Eddie Middle-Line Newsletter</span>

    http://www.w3schools.com/css/css_font.asp

    Hope this helps!

  3. ronvanrutten
    Member
    Posted 2 years ago #

    Unfortunately this didn't help. When I save the span tag in the Form settings page (Text to replace the form with after a successful sign-up), the plugin removes the span tags.

    Back to square 1

  4. Danny van Kooten
    Member
    Plugin Author

    Posted 2 years ago #

    Hi Ron,

    Try adding this line to your CSS file (/wp-content/themes/that-music-theme/style.css):

    .nsu_widget{ color:white; }
    .nsu_widget p{ padding:10px; } // optional, aligns things a bit

    That should do it. :)

  5. ronvanrutten
    Member
    Posted 2 years ago #

    Danny, that fixed all my problems! Thanks again!

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic