Docs

[Andreas Bjerve]

Hi,

I want to create a one line subscription form (using Mail Chimp) instead of the stacked version. Trid using this code from elsewhere in this forum, but to no avail.

@media (min-width: 980px) {
.x-section .x-subscribe-form {
position: relative;
width: 100%;
max-width: 100% !important;
}

.x-section .x-subscribe-form fieldset {
display: block;
width: 24%;
float: left;
margin-right: 1%;
}
}

Did it right in the Custom CSS, shoudn´t be problem even if I have child theme activated, right?

Happy if you can look into it:)

Thanks
andreasbjerve.com

[Andreas Bjerve]

Problem solved!

This one did the trick:

.x-subscribe-form {
max-width: 700px !important;
}

.x-subscribe-form fieldset {
display: inline;
}

.x-subscribe-form input[type=”submit”] {
margin-top: 0;
}

Thanks!

[Andreas Bjerve]

… but now I need help aligning the button to the rest of the form.

Tried this

.x-subscribe-form fieldset {vertical-align: top;}
.x-subscribe-form input[type=”submit”] {height: 60px;}

but it only adjust the height of the button itself. I need to align it with the other elements of the form.

Any help would be very much appreciated!
Thanks!
(andreasbjerve.com)

[Andreas Bjerve]

also, I´d like it to be wider, more like on this site: http://www.chefphillipashley.com/

And I´d like an option to change the title font.. 😀

THANKS:) 😉

[Andreas Bjerve]

I solved the button-part myself. THANKS!

Now I only wonder about the FONT. How to change the font of the title? 🙂

[Darshana]

Hi there,

Your site is under construction mode. However, you can add this under Custom > CSS in the Customizer.

#x-subscribe-form-1 > h1 {
    font-family: Comic Sans MS;
}

Hope that helps.

[Andreas Bjerve]

Great, thanks!

[Joao]

Glad to hear we managed to help,

Joao

[Author]

Posts