Docs

[JP]

hi there

I have set styling in customiser for my buttons but it seems to be being picked up by mailchimp subscribe form (see image)

could you please give me CSS so I can have a less wide form and less wide button all on one line

thanks

[Thai]

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

[JP]

http://www.myeternalbeauty.com

thanks – it is the bottom of the page

[Darshana]

Hi there,

Thanks for writing in! You can add this under Custom > CSS in the Customizer.

.x-subscribe-form fieldset {
    float: left;
    margin-left: 5px;
}

.x-subscribe-form input[type="text"], .x-subscribe-form input[type="email"] {
    width: 100px;
}

.x-subscribe-form input[type="submit"] {
    width: 100px;
}

Hope that helps.

[JP]

thanks

That helped – i then made some changes

.x-subscribe-form input[type="text"], .x-subscribe-form input[type="email"] {
    width: 100%;
  	height: 40px;
}

.x-subscribe-form input[type="submit"] {
    width: 100%;
    height: 40px;
}

Could yo help mwith the following changes:

– actually make field fill 100% of cell. it doesn’t seem to
– actually make button fill 100% of cell. it doesn’t seem to
– align text to vertical center of button

[Joao]

Hi there,

Try this instead:

.x-subscribe-form input[type="text"], .x-subscribe-form input[type="email"] {
    width: 250px;
  	height: 40px;
}

.x-subscribe-form input[type="submit"] {
    width: 250px;
    height: 40px;
}

Let us know how it goes

Joao

[JP]

nice one!

final question on this

how can i make the gap between text and form smaller?

[Thai]

Please also add the following CSS:

#text-4 #x-section-10 {
    padding-top: 0;
}

Regards!

[Author]

Posts