search

EvanHerman / yikes-inc-easy-mailchimp-extender

Easy Forms for MailChimp WordPress Plugin
http://yikesplugins.com
GNU General Public License v2.0
25 stars 28 forks source link

Width Adjust #257

Closed brettmogavero closed 9 years ago

brettmogavero commented 9 years ago

I have the newest version installed on wordpress, but need more explanation on changing the width of the container and locating .yks-mailchimpFormContainer.

I understand this is still in beta, but im sure the code is somewhere in here to change.

Any idea on when the pro version will be available?

Thanks!

EvanHerman commented 9 years ago

Hi Brett,

Do you have a link to the form on one of your pages? It will be easier to provide code specific to your site with an example.

We're not entirely sure when the pro version is going to be ready for release or even when the free version will be rolled out the WordPress repo.I am working very diligently to get things finished up, but have some things pop up in my day to day that delay things.

Hopefully in the next week or so we will have the free version rolled out to the repository.

Thanks! Evan

brettmogavero commented 9 years ago

Pennyvacay.com it's nested at the bottom of the header On Apr 29, 2015 1:07 PM, "Evan Herman" notifications@github.com wrote:

Hi Brett,

Do you have a link to the form on one of your pages? It will be easier to provide code specific to your site with an example.

We're not entirely sure when the pro version is going to be ready for release or even when the free version will be rolled out the WordPress repo.I am working very diligently to get things finished up, but have some things pop up in my day to day that delay things.

Hopefully in the next week or so we will have the free version rolled out to the repository.

Thanks! Evan

— Reply to this email directly or view it on GitHub https://github.com/yikesinc/yikes-inc-easy-mailchimp-extender/issues/257#issuecomment-97506143 .

brettmogavero commented 9 years ago

All in all its miles ahead of the alternatives out there, you guys are killin' it! On Apr 29, 2015 1:48 PM, "Brett Mogavero" brett@pennyvacay.com wrote:

Pennyvacay.com it's nested at the bottom of the header On Apr 29, 2015 1:07 PM, "Evan Herman" notifications@github.com wrote:

Hi Brett,

Do you have a link to the form on one of your pages? It will be easier to provide code specific to your site with an example.

We're not entirely sure when the pro version is going to be ready for release or even when the free version will be rolled out the WordPress repo.I am working very diligently to get things finished up, but have some things pop up in my day to day that delay things.

Hopefully in the next week or so we will have the free version rolled out to the repository.

Thanks! Evan

— Reply to this email directly or view it on GitHub https://github.com/yikesinc/yikes-inc-easy-mailchimp-extender/issues/257#issuecomment-97506143 .

EvanHerman commented 9 years ago

Hi Brett,

You can adjust the width of the form using the following CSS declaration:

form#pre-launch-sign-up {
   width: 50%;
}

You can adjust the % to whatever you'd like. If you wanted to center the form after adjusting the width you can do so by adding a margin:0 auto; to the form. Something like so:

form#pre-launch-sign-up {
   width: 50%;
   margin: 0 auto;
}

If you want to give it a bit of spacing at the top so that the input field isn't touching the header image, something like this should suffice:

form#pre-launch-sign-up {
   width: 50%;
   margin: 0 auto;
   margin-top: 1em;
}

Thanks for the kind words! I'm very glad to hear that you're enjoying the re-write. I had a blast writing it! I can't wait till we can roll things out to the repo.

If you run into any other issues feel free to reach out and I'll help you as soon as possible!

Thanks again, Evan

brettmogavero commented 9 years ago

I place the declaration into the style.css for the theme correct?

Sorry not a CSS master here :)

On Wed, Apr 29, 2015 at 1:52 PM, Evan Herman notifications@github.com wrote:

Hi Brett,

You can adjust the width of the form using the following CSS declaration:

form#pre-launch-sign-up { width: 50%; } `

You can adjust the % to whatever you'd like. If you wanted to center the form after adjusting the width you can do so by adding a margin:0 auto; to the form. Something like so:

EvanHerman commented 9 years ago

Hi Brett,

That is correct. You will most likely want to place it at the bottom of your child theme style.css file so you know where it is in future.

Evan

brettmogavero commented 9 years ago

placed it in my child theme style.css, still no change, not sure what im missing

/ Theme Name: Namo Child Description: Namo Child Theme Author: Brand Exponents Template: namo Version: 1.0 /

@import url("../namo/style.css");

form#pre-launch-sign-up {
   width: 50%;
  margin: 0 auto;
}
`

On Wed, Apr 29, 2015 at 1:59 PM, Evan Herman <notifications@github.com>
wrote:

> Hi Brett,
>
> That is correct. You will most likely want to place it at the bottom of
> your child theme style.css file so you know where it is in future.
>
> Evan
>
> —
> Reply to this email directly or view it on GitHub
> <https://github.com/yikesinc/yikes-inc-easy-mailchimp-extender/issues/257#issuecomment-97521551>
> .
>
EvanHerman commented 9 years ago

Remove the ``CSS and. They shouldn't be there. You should copy exactly what I have written above.

brettmogavero commented 9 years ago

Yeah i've tried it every which way, the theme must be overriding something. This is the shortcode i'm using, not sure if that helps.

[yikes-mailchimp form="1" submit="Sign Me Up!"]

On Wed, Apr 29, 2015 at 2:54 PM, Evan Herman notifications@github.com wrote:

Remove the ``CSS and. They shouldn't be there.

— Reply to this email directly or view it on GitHub https://github.com/yikesinc/yikes-inc-easy-mailchimp-extender/issues/257#issuecomment-97539321 .

EvanHerman commented 9 years ago

As far as I can see you still have a back tick at the end of the code.

You may also want to add an !important tag after the 50% and before the ;

eg:

form#pre-launch-sign-up {
   width: 50% !important;
}
brettmogavero commented 9 years ago

figured it out, the code couldn't be at the bottom for some reason so i moved it to the top. Thanks for helping out!

On Wed, Apr 29, 2015 at 3:11 PM, Evan Herman notifications@github.com wrote:

As far as I can see you still have a back tick at the end of the code.

You may also want to add an !important tag after the 50% and before the ;

ie:

form#pre-launch-sign-up { width: 50% !important; } `

— Reply to this email directly or view it on GitHub https://github.com/yikesinc/yikes-inc-easy-mailchimp-extender/issues/257#issuecomment-97546834 .

EvanHerman commented 9 years ago

No problem at all!

Evan