Adding button to footer subscribe form

[Rui Guerreiro – SUPPORT]

Add the code below to your custom css option.

#sf-newsletter-bar .sub-code>form input[type="submit"] {
    margin: -63px 0 17px 380px!important;
    background: rgba(239, 229, 229, 0.78)!important;
}

-Rui

[districtsix]

Hi Rui, this didn’t work unfortunately. Do you have another solution?

Attachments:

You must be logged in to view attached files.

[David Martin – Support]

Hi,

You have copied the code wrong. The > have been converted to HTML entities.

Please copy this into notepad or any text editor and then copy into your custom CSS. Be sure the > do not convert into entities.

#sf-newsletter-bar .sub-code>form input[type="submit"] {
    margin: -63px 0 17px 380px!important;
    background: rgba(239, 229, 229, 0.78)!important;
}

-David.

[districtsix]

This reply has been marked as private.

[David Martin – Support]

Hi,

Where on the demo are you referring to, please add a screenshot?

-David.

[districtsix]

Here’s is a screenshot of the footer in your demo. I want my subscribe button with same spacing to the email address field like in demo (on my footer the subscribe button overlaps with email address field as seen in screenshots last post)

Attachments:

You must be logged in to view attached files.

[David Martin – Support]

Hi,

You will need to modify Rui’s code to this. This will make the form look like the screenshot and keep it’s current colors.

#sf-newsletter-bar .sub-code>form input[type="submit"] {
    margin: -63px 0 17px 460px!important;
    background: rgba(255,255,255,0.78)!important;
}

#sf-newsletter-bar .sub-code>form input[type="submit"] {
    font-style: normal!important;
    font-family: Atelier;
    text-transform: uppercase;
    border-style: solid;
}

#sf-newsletter-bar .sub-code>form input[type="email"] {
    font-style: normal;
    font-family: Atelier;
    vertical-align: top;
    background: transparent;
}

Thanks,
David.

[districtsix]

Hi David,

can you please open my domain districtsix.de, so you can see that the form doesn’t behave like in the demo?

districtsix.de: when I change window size of the browser the space between email field and subscribe button still becomes smaller/bigger

your demo: the space between the two fields stays always the same.
examples: http://swiftideas.com/porter-demo/ and http://swiftideas.com/lab-demo/

Where is the mistake?

Thanks

[David Martin – Support]

Hi,

The code I provided will sort out the spacing between the submit button and form, can you please add that? It looks like you have not?

Cheers,
David.

[districtsix]

Hi David,

no the code didn’t sort out the spacing problem. I did add the code, but as it changed my font-settings I just removed the font family. But anyway with or without font family, the problem is not fixed.

Sorry

[David Martin – Support]

Hi,

please add a WP login, we can provide a faster response for you.

– David.

[districtsix]

This reply has been marked as private.

[David Martin – Support]

What is your login URL, http://districtsix.de/wp-admin does not work, it redirecrects.

-David.

[districtsix]

This reply has been marked as private.

[Rui Guerreiro – SUPPORT]

Can you replace this one

#sf-newsletter-bar .sub-code>form input[type="submit"] {
    margin: -63px 0 17px 460px!important;
    background: rgba(255,255,255,0.78)!important;
}

by this one

#sf-newsletter-bar .sub-code>form input[type="submit"] {
    margin: -63px 0 17px 540px!important;
    background: rgba(255,255,255,0.78)!important;
}

It was a little adjustment on the margin left.

-Rui