WordPress.org

Support

Support » Plugins and Hacks » Created New Options for Image and Styling

Created New Options for Image and Styling

Viewing 10 replies - 1 through 10 (of 10 total)
  • joemerchant2
    Member

    @joemerchant2

    One IMPORTANT update. The form CSS needs to be modified to be specific for the newsletter form… Explains why my search form formatting was busted.

    Plugin Author Danny van Kooten
    Participant

    @dvankooten

    Hi Joe,

    I’m definetly gonna look into your version and implement some of your changes, if you’re OK with that of course. I’ll mention your name or website in the code, if you wish. 🙂

    Regards, Danny.

    joemerchant2
    Member

    @joemerchant2

    Great! That’s exactly why I posted it up!
    I think the only update as I mentioned above was to the form. I had to add form id=”nsu-form.”

    bpsixstrng
    Member

    @bpsixstrng

    joe, how can I change the background color for the whole widget? I had it before by adding:

    .Newsletter_SignUp_Widget { background:#e3e1d9;}

    .nsu_widget { background-color:#e3e1d9!important; padding: 10px 25px 5px 0; width: 260px;}

    but this no longer works when I use your version (which is awesome btw)

    joemerchant2
    Member

    @joemerchant2

    Thanks, glad you like it. What I found worked when I had such problems was how the naming was being done automatically so that WP would separate one widget from another. using firfox just now, mine looks like this;
    #newsletter_signup_widget-2 {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #E0E0E0;
    border-radius: 6px 6px 6px 6px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    height: 368px;
    width: 274px;
    }

    Note the -2 at the end.

    use firebug and Go to the div of the widget at the top-level (newsletter-signup-widget..) Then right-click the mouse over the word DIV and pick “Copy CSS path.” Now path that in your css file and you’ll now the path for that object. You might be able to tweak the path to shorten it as well.

    bpsixstrng
    Member

    @bpsixstrng

    I’ve actually never used firebug. I can’t figure out how to use it. Can the CSS path be found without that? Sorry about the questions. I’m just trying to get it done quickly.

    memeslider
    Member

    @memeslider

    Will this work for styling the form embedded on a page and not in the widget?

    wppupm
    Member

    @wppupm

    eng, it’s really work good, i like it!

    joemerchant2
    Member

    @joemerchant2

    Honestly, considering this plugin hasn’t been updated, you might be wise to look other places. One simple thing you can do within your email client (aweber, mailchimp) is to grab a form for your site but indicate either limited formatting or no formatting and then add your own css.

    memeslider
    Member

    @memeslider

    Joe, Thanks for your response. Unfortunately, I couldn’t get the Mailchimp form to work on my page. For some reason the submit button was being stripped out despite choosing the no JS/CSS option.

    This form works well on my site, but now I need to style it. Your additions looked like a great option since I don’t know CSS all that well and it provided a starting point for me.

    If you think what you’ve written here will work on the page embed, I will install it and mess around. However, if you know that what you’ve modified only works on the widget version of this form, I will look to other solutions.

    Thanks for your help!

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘Created New Options for Image and Styling’ is closed to new replies.