[Plugin: SendPress] How to customise text fields

Targyro
(@targyro)

11 years, 6 months ago

Hi guys and thanks in advance for any help!

The first thin gI am trying to achieve and had not luck on this so far is removing a weird border around the text field and the submit button of the widget. Have nothing in my custom theme css that declares something like that.

In addition to that: where in the css files of the plugin can i find the code to change the width etc. of the e-mail input field?

Thanks once again for anyone that sees this post.

http://wordpress.org/extend/plugins/sendpress/

Viewing 10 replies - 1 through 10 (of 10 total)

Plugin Author Josh Lyford
(@joshl)

11 years, 6 months ago

HI Targyro,

Did you find what you were looking for? You be able to use something like this:

/* input fields in sign up form */
.sendpress-signup-form input{
max-width:80%;
}

Let me know if you need more help.

Best,
Josh

Thread Starter Targyro
(@targyro)

11 years, 6 months ago

Hi Josh,

Thanks so much for your reply.

Well that solves the playing with the length of the input. I’m still facing the weird border around the input and the submit button though.

I tried using border and outline :none to the input but that didn’t fix it. Any ideas n the table will be greatly appreciated.

Thanks again.

sp3n
(@sp3n)

11 years, 5 months ago

Hi Targyro,

Just had the same issue, try this 🙂

.sendpress-signup-form fieldset {
margin-bottom: 5px;
border: 0;

Daniel
(@daniel_word_press)

10 years, 10 months ago

Hi Targyro,

I would like to move the submit button after the email field. How can I do that? Thank you for your plugin!

Regards,
Daniel

Plugin Author itdoug
(@itdoug)

10 years, 10 months ago

any chance you could include a screenshot of what it looks like now? I’m not sure exactly where you are trying to move the submit button.

Daniel
(@daniel_word_press)

10 years, 10 months ago

Hi,
thank you for your support.

Here is the screenshot with before (left) and after (right). i would like the same thing like in the right side 🙂

Plugin Author itdoug
(@itdoug)

10 years, 10 months ago

I don’t see a screenshot.

Daniel
(@daniel_word_press)

10 years, 10 months ago

Is because I can’t insert links for some reason.
forumwellnessclub.it/tmp/before-after.jpg
Plugin Author Jared Harbour
(@jaredharbour)

10 years, 10 months ago
Depending on your theme this could be very easy or really really painful. I was able to quickly do what you’re asking using the following CSS in the Twenty Twelve theme:
```
.sp_email{
    float: left;
    width: 60%;
}
.sendpress-submit{
    float: right;
    margin: 0px;
}
```
In the future I’d like to add template support for the widget, but for now some simple CSS should allow you to do a few things.
Daniel
(@daniel_word_press)

10 years, 10 months ago

Ok, thank you!