WordPress.org

Ready to get started?Download WordPress

Forums

Newsletter Sign-Up
[resolved] email address field on widget white (12 posts)

  1. zadikim
    Member
    Posted 2 years ago #

    how to set the email address field on the widget should be white

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

  2. Danny van Kooten
    Member
    Plugin Author

    Posted 2 years ago #

    Hi Zadikim,

    You mean the background of the input field should be white? This can be done by using plain CSS.

    Add the following style to your theme's style.css file (wp-content/themes/your-theme/style.css):

    input.nsu_email { background: white; }

    Hope that works! O, and please vote 'works' here: http://wordpress.org/extend/plugins/newsletter-sign-up/ if the plugin is working correctly for you!

  3. zadikim
    Member
    Posted 2 years ago #

    Didn't work for me

    i use the BPP theme is there any different instructions?

    check out my widget left side 2'nd widget from top

  4. Danny van Kooten
    Member
    Plugin Author

    Posted 2 years ago #

    My mistake Zadikim, sorry. This is the code I should have given you:

    input.nsu-field { background:white; }

    While you're at it you better add some padding too, and maybe some margin. Also, your submit button needs some styling. Try and copy paste the following CSS in your theme's style.css file and see how you like that.

    input.nsu-field,input.nsu-submit {
        background: white;
        padding: 7px;
        border: 1px solid #777;
        color: #555;
    }
    input.nsu-field{ margin:10px 0 5px; }

    Hope that helps. :)

  5. zadikim
    Member
    Posted 2 years ago #

    Thanks Danny,
    I don'y know why but this doesn't work

    here is a copy of my complete style.css is it right?

    /*
    Theme Name: Business Professional Package
    Theme URI: http://www.themeforest.net
    Version: 2.5
    Author: Justin Scheetz
    Author URI: http://www.scheetzdesigns.com
    */
    
    /* Images */
    img.centered { display: block; margin-left: auto; margin-right: auto }
    img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline }
    img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline }
    .alignright { float: right }
    .alignleft { float: left }
    
    .left { float: left; margin: 0 10px 2px 0; display: inline }
    
    /* Captions */
    .aligncenter,
    div.aligncenter { display: block; margin-left: auto; margin-right: auto }
    .wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px }
    .wp-caption img { margin: 0; padding: 0; border: 0 none }
    .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0 }
    input.nsu-field,input.nsu-submit {
        background: white;
        padding: 7px;
        border: 1px solid #777;
        color: #555;
    }
    input.nsu-field{ margin:10px 0 5px; }
  6. zadikim
    Member
    Posted 2 years ago #

    This is my side bar code:

    <div class="sidebar-wrap-right">
    
    <ul class="sidebar2">
    <?php if ( function_exists('dynamic_sidebar') && dynamic_sidebar(2) ) : else : ?>
    <?php endif; ?>
    <?php if (class_exists('TvNewsletter')): ?><li><h2 class="widgettitle">להירשם לרשימת הדיוור</h2>
    <?php TvNewsletter::activateNewsletterPlugin(); ?>
    <div style="clear:both"></div></li><?php endif; ?>
    </ul>
    <!--<div class="sidebar2">
                    <h3><? echo $theme_options['home_page_title']; ?></h3>
                    <p><? echo $theme_options['home_page_text']; ?></p>
    
            </div>  -->
    </div>
  7. If your code spans more than one line, please start the code TAG on it's own line :)

  8. Danny van Kooten
    Member
    Plugin Author

    Posted 2 years ago #

    Hi Zadikim,

    Try adding my CSS snippet to this file:
    /wp-content/themes/bpp/bpp_styles/blue_green/style.css

  9. zadikim
    Member
    Posted 2 years ago #

    oops your last option didn't work either

  10. Danny van Kooten
    Member
    Plugin Author

    Posted 2 years ago #

    Clear your cache or hit a hard refresh. I tested my last solution, i'm pretty sure it should work.

  11. zadikim
    Member
    Posted 2 years ago #

    is this how my css should look like?

    [CSS moderated as per the Forum Rules. Please just post a link to your site.]

  12. Danny van Kooten
    Member
    Plugin Author

    Posted 2 years ago #

    Hi Zadikim,

    I'll add a default stylesheet rule that sets the background color of input fields to white. Guess I'll push the update to the WP repository tomorrow. :)

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic