New to the community? Start here

Where can I edit the CSS in the e-Newsletter subscribe form?

I’d like to be able to edit the css to style the subscribe form in the e-Newsletter plugin.

Having trouble locating the css style sheet for the form fields and the button.

Any thoughts

Thanks

Mark

Mon, 13 Aug 2012 11:54:37
  • marktkinder
    • Design Lord, Child of Thor

    Hi Timothy

    Thanks, but I don’t think you understood my request, or perhaps I didn’t state clearly.

    I need to modify the CSS in the subscription form widget, so I can change the width of the form fields and the color of the subscribe button.

    I checked the div ids in web developer tools, but can’t find a file in the plugin that has matching CSS.

    Any thoughts

    Mark

  • Timothy
    • Chief Pigeon

    Thanks, but I don’t think you understood my request.

    You are absolutely right, I thought you meant the templates for emails.

    The plugin CSS including some of the widget are here:

    e-newsletter/email-newsletter-files/email-newsletter.css

    There also appears to be some inline styling in this file:

    /e-newsletter/e-newsletter.php

    display:none; background-color: #FFFFE0;border-color: #E6DB55;margin: 5px 0 15px;-moz-border-radius: 3px 3px 3px 3px;border-style: solid;border-width: 1px;padding: 5px;

    Hope this helps.

    Take care.

  • marktkinder
    • Design Lord, Child of Thor

    Hi Timothy

    Unfortunately, I don’t see any CSS for the sign up form in the e-newsletter/email-newsletter-files/email-newsletter.css file. The inline CSS in the /e-newsletter/e-newsletter.php didn’t do anything either.

    All I need to do is change the width of the input form fields and add a border radius of 2 px to both the email field and the name field. Simple really, only I cant find the code.

    If anyone has any thoughts on this please let me know, as I’d really like to be able to use this.

    Thanks

    Mark

  • Timothy
    • Chief Pigeon

    I’m sorry that you find my posts unhelpful, however code customisations are generally not part of our services, for custom work you should really hire a developer. However we try to help where we can.

    This should control the fields.

    input[type="text"], input[type="password"], input[type="email"], textarea, select {
    
width: 238px;
    
-webkit-border-radius: 2px;
    
-moz-border-radius: 2px;
    
border-radius: 2px;
    
}

    input[type="submit"], input[type="button"], button {
    
background: #1672FC;
    
border-color: #06F;
    
-webkit-border-radius: 2px;
    
-moz-border-radius: 2px;
    
border-radius: 2px;
    
}

    Keep in mind that your themes CSS or an other plugin can also affect this, you might need to use !important.

    Thanks.