[Resolved] Customize Jetpack Subscription Form

[Feri]

ok, this is the correct code?

#sub-section #subscribe-email input, #sub-section #subscribe-submit input[type=submit] {
    width: 50% !important;
}
#sub-section #subscribe-email input {
    float: left;
}

[David]

Aah yes, sorry i forgot to switch the 2nd lot of IDs
Looks like you cracked it.

[Feri]

Yeay!

all is ok at desktop view (email form and button position side by side) but at the mobile view is it possible to make email form and the button position become top and bottom something like this https://prnt.sc/kxdtit

[David]

You can wrap the last code in a media query like so:

@media (min-width: 769px) {
    #sub-section #subscribe-email input, #sub-section #subscribe-submit input[type=submit] {
        width: 50% !important;
    }
    #sub-section #subscribe-email input {
        float: left;
    }
}

[Feri]

thank you so much, david. done.

case closed.

[David]

Awesome. Glad to be of help.

[Author]

Posts