Docs

[sandra.i]

Hi

I would like to format the contact form in my footer to look like the attached layout.

I’ve trying to do it with CSS but I’m finding it difficult to target all the classes and divs.

Could you help me with this?

Thanks

[Thai]

Hi There,

Please add the following CSS:

#x-subscribe-form-36291 > fieldset {
    display: inline-block;
}
#x-subscribe-form-36291 > fieldset:nth-child(3) {
    width: 48%;
}
#x-subscribe-form-36291 > fieldset:nth-child(3) {
    margin-right: 1%;
}
#x-subscribe-form-36291 > fieldset:nth-child(4) {
    width: 49%;
    margin-right: 0;
}
.x-subscribe-form input[type="text"], 
.x-subscribe-form input[type="first_name"],
.x-subscribe-form input[type="email"] {
    width: 100%;
    padding-left: 5px;
    margin: 0;
}
#x-subscribe-form-36291 > fieldset:nth-child(5) {
    width: 68%;
}
#x-subscribe-form-36291 > fieldset:nth-child(6) {
    width: 25%;
}
form#x-subscribe-form-36291 {
    max-width: 100% !important;
}

Hope it helps 🙂

[sandra.i]

Brilliant thanks 🙂

[sandra.i]

Hi

Just realised that this has changed the submit button formatting on the single post page.

I’ve got this code, but it’s not working:

single-post .form-submit  .x-btn, .button, [type="submit"] {
  margin-top:20px;
    background-color: black;
    border-color: #d5cece;
    border-radius: 0em;
    border-width: 1px;
    color: #FFF;
    text-transform: uppercase;
}

[Christian]

Your single-post should be .single-post

Thanks.

[sandra.i]

yes it does have the dot ‘.’ in the css code, but its still not working.

[Joao]

Hi There,

Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

Thanks

Joao

[sandra.i]

This reply has been marked as private.

[Christian]

To make the CSS take effect in the footer only, append .x-colophon.top to the previously given selectors like

.x-colophon.top #x-subscribe-form-36291 > fieldset

Thanks.

[Author]

Posts