Inline e-mail form not working

Support
#1

Hi

I’ve created an e-mail form and inserted into my main page which is under development. The e-mail form works fine but is not inline. I searched on your knowledge base and followed the suggested CSS modification but it did not work for me.

.tco-subscribe-form {
    max-width: 100% !important;
}

.tco-subscribe-form > fieldset {
    display: inline-block;
}

.tco-subscribe-form > fieldset input {
    display: block;
}

Also, the Subscribe button is too large and I want to make it smaller.

this is my site which is under development www.abdallahmoalim.com

Thanks

#2

Hello There,

Thanks for writing in! The code should have work for you. Where did you insert it? I tested it in you site and this is how it looks like:

Maybe you have inserted it incorrectly which resulted to a conflict. Please put it back again so that we can take a closer look.

Regards.

#3

Hi,

Thanks for the reply. I inserted in the Custom CSS section as explained in your articles. Where did you get the image from. Is not working for me.

Thanks

#4

Hi there,

What you added is this CSS,

.tco-subscribe-form {
    text-align: center;
}
.tco-subscribe-form fieldset {
    display: inline-block;
}

.tco-subscribe-form input[type="submit"] {
    line-height: 0;
    margin-top: -22px !important;
    padding: 21px 23px;
}

instead of this

.tco-subscribe-form {
max-width: 100% !important;
}

.tco-subscribe-form > fieldset {
display: inline-block;
}

.tco-subscribe-form > fieldset input {
display: block;
}

Please change that CSS to that one, the provided screenshot is when the CSS is applied.

Thanks!

#5

Hi there,

thanks it worked. But now I want to display on centre rather than on the left side and increase text box sizes.

Thanks

#6

Hi there,

Please also add the code below to the end of the previous code:

.tco-subscribe-form {
	text-align: center;
} 

.tco-subscribe-form input[type="text"] {
	width: 255px;
}

Feel free to change 255px to the size you like for the input boxes. Thank you.

#7

Thanks it worked like a charm!

#8

You’re most welcome!

#9

Hi,

I’ve an issue with the form on the Contact page. The name and email text boxes are not the same length. I try to change ad modify the size but I have not succeeded!

Also, I need to add this on my home page just under the revolution slider with a background similar to this page https://tatkinson.com.

What is the best way to achieve?

Thanks

#10

Hi There,

Please update :

.tco-subscribe-form input[type="text"] {
	width: 255px;
}

to

.tco-subscribe-form select, .tco-subscribe-form input[type="text"], .tco-subscribe-form input[type="email"] {

    width: 400px;
}

Hope it helps

#11

Great, worked like a charm!

#12

Glad to hear it :slight_smile:

#13

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.