How to modify plugin CSS via a theme CSS?

  • [Topic changed to be more relevant and useful]

    Can someone PLEASE help me out.

    I am trying to change the default “Sign Up” button to a custom button that I made in Illustrator. I have had mad success with doing this in other plugins, but can not figure out how to do it in the Constant Contact plugin.

    I have emailed Zack Katz, the gentleman who developed the Constant Contact plugin, and he informed me that I had to: edit using your theme’s css so the plugin css won’t get overwritten when the plugin is updated.

    Can someone please explain to me how to do this. I know how to edit a plugin/themes css, but I don’t know how to edit my theme’s css in order to edit my plugin.

    PLEASE HELP ??

Viewing 6 replies - 16 through 21 (of 21 total)

  • This is where you need to start learning CSS :). To make it bigger, set a width/height:

    #constant-contact-signup input.submit {
    background-image: url("https://jaymichael.co/wp-content/uploads/2013/08/Sign-up.png");
    background-repeat: no-repeat;
    height: 50px;
    width: 100px;
}

    But you also need to make the actual image bigger – it’s only 62 x 22.

    Try adding these:

    border: none;
padding: 4px;

    Thread Starter JAYMICHAELIVING

    (@jaymichaeliving)

    This works … however, the padding has a ! next to it. The border is gone, but it is now directly under the Email field.

    Thoughts?

    You are a tremendous help by the way. I am blown away by your expertise (thought you should know this.)

    Thanks :). We’re almost there – just add a margin:

    margin-top: 10px;

    Looks like that will do it?

    Thread Starter JAYMICHAELIVING

    (@jaymichaeliving)

    And … done.

    So, you deserve a standing ovation (fyi: I am standing and clapping).

    I cannot thank you enough. You have been an absolute pleasure to work with.

    I do have ONE MORE issue that I need addressed, but I am going to go ahead and start another ticket; right?

    Any chance you can help me out on the next one or is the selection process random?

    LOL – you’re welcome. “Selection” is mostly random, yes, but there’s lots of other good helpers around.

Viewing 6 replies - 16 through 21 (of 21 total)
  • The topic ‘How to modify plugin CSS via a theme CSS?’ is closed to new replies.