Changing the size of a text box in Email form

Support
#1

Please help trying to do two things.

  1. Hide the about lable
  2. Change the text box size height for the about input.
    Thank you.
#2

Hello Nat,

Thanks for writing in!

Is this a comment form? Can you please share the URL of website so we can give you correct CSS to make the changes. As you have multiple licenses it’s a bit difficult for me to check website in question.

Thanks.

#3

Prasant
Here you go
http://www.hustlehardercontent.com/
site is still under construction essentially I want the About field to just be a text input field that is bigger then a regular field.
About will be changing to tell us about your video project.
Thanks,
Nat

#4

Hey Nat,

Thanks for providing the details.

Please add this code in X > Theme Options > CSS:

#tco-subscribe-form-63.tco-subscribe-form fieldset:nth-child(4) > label {
    display: none;
}

#tco-subscribe-form-63.tco-subscribe-form fieldset:nth-child(4) > input {
    height: 60px;
}

Kindly note that since this is a custom code that changes the default behavior/display of the theme, you will be responsible to maintain or update the code in case you require further changes or if the code stops working in future updates. If you are uncertain how to proceed, it would be best to get in touch with a developer.

Hope this helps.

#5

Thanks Jade it is not working :frowning:

#6

Hey Nat,

I tried the code in the code inspector and they are working fine.

Would you mind double checking if you have correctly copied all the codes previously provided?

#tco-subscribe-form-63.tco-subscribe-form fieldset:nth-child(4) > label {
    display: none;
}

#tco-subscribe-form-63.tco-subscribe-form fieldset:nth-child(4) > input {
    height: 60px;
}

Thank you.

#7

We are getting close please go to www.hustlehardercontent.com click on contact
And will see the issue that is occurring. Text is not at the top and label is still showing. Thank you for your help!

#8

Hello Nat,

Thanks for updating the thread.

I don’t see label on my end. Also, the code responsible to adjust the height that my colleague Jade shared is not there on the website. Have you removed the same?

Regarding label, I don’t see on my end. Please try clearing cache and load the website again.

Thanks.

#9

Prasant ,
Thank you still having this issue.

#10

Giving you my login to see if you can help.
Tks
N

#11

Hi Nat,

The input element that you are trying to adjust is a text element which has the text start in the middle all the time.

A workaround for this is to change the element to a textarea element using Javascript so kindly try adding this to X > Theme Options > JS:

(function($){
    var form_text = $('#tco-subscribe-form-63.tco-subscribe-form fieldset:nth-child(4) > input#tco_subscribe_form_MMERGE2');

	var id = form_text.attr('id');
	var name = form_text.attr('name');
	var placeholder = form_text.attr('placeholder');

	var textarea = '<textarea id="' + id + '" name="' + name +'" placeholder="' + placeholder +'"></textarea>'; 

	form_text.replaceWith(textarea);

})(jQuery);

then add this in X > Theme Options > CSS:

textarea#tco_subscribe_form_MMERGE2 {
    width: 100%;
    height: 120px;
    font-size: 18px;
    padding: 9px 16px;
}

Any customization further than this will require further coding which goes beyond the scope of our support so kindly get in touch with a developer in case you are not sure how to proceed of if you require more changes.

Hope this helps.

#12

This worked!!
Thank you would you happen to know why I am not getting a confirmation message after I submit.
Emails ae going through by there is no feed back after the user hits the submit btn.
Thank you

#13

Hi Nat,

Sorry that you’re having that issue that is actually a known bug and its already on our bug tracker, our Dev Team is already working on it.

You can check our changelog page on next update if a fix with this bug is included.

Thank you for understanding,

#15

No worries you guys are great as you can tell I buy a lot of licenses

#16

You are most welcome. :slight_smile:

#17

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