|
paulswebca
|
October 15, 2020 at 5:09 pm
Hello,
Is there a way to increase the textbox height https://prnt.sc/v0717c?
I tried using the Custom CSS plugin, but it does not work. https://prnt.sc/v06zxd
https://unitedtraffic.ca/courses/traffic-control-person-certification/
|
|
Tony
|
October 16, 2020 at 6:59 am
Hi there,
The CSS your are using is targeting a textarea, which is like the section I/you type into to reply to these forums. The input field on the registration form is not actually a teatarea field but an input of type text, so something like this should work:
.ee-reg-form-attendee-dv input[type=text] {
height: 250px;
}
However, I do NOT recommend you do this for those fields, they are inputs for a single line input and with the current CSS it makes them look like textarea’s but should only contain a single value for (for example) first name.
May I ask why you are setting those field to look like textarea’s?
—
Also, you’ve highlted the (For {event name}) text in that screenshot asking how to remove the duplicated text, just to note the reason it is duplicated is your Ticket name and Event Slug match.
That output is {Ticket name}: (For {event name}) and part of the reason for doing that is you may have multiple tickets with the same name across multiple events, if you add 2 of those to the cart without that additional text you don’t know which ticket is for which event.
Removing it can be done, but I’m just checking you are aware of what it is for first as doing so may cause confusion later on.
|
|
paulswebca
|
October 16, 2020 at 10:59 am
Thank you for the explanation.
The customer wants to increase the height of all column boxes. He said they look small and hard to type. He wants them slightly taller. Inside text size is ok. He wants them to this height (right side) or similar https://prnt.sc/v0purp.
|
|
paulswebca
|
October 16, 2020 at 11:21 am
I added this CSS and it worked but the dropdown option is not affected.
.ee-reg-form-attendee-dv input[type=text] {
height: 40px;
}
.ee-reg-form-attendee-dv input[type=number] {
height: 40px;
}
|
|
Tony
|
October 19, 2020 at 4:56 am
The customer wants to increase the height of all column boxes. He said they look small and hard to type. He wants them slightly taller. Inside text size is ok. He wants them to this height (right side) or similar https://prnt.sc/v0purp.
Ah, ok. In your screenshot, you set a height of 250px’s so it looked like you were trying to use the inputs as text boxes, my apologies s for misunderstanding.
I added this CSS and it worked but the dropdown option is not affected.
You can combine those css rules into one like this:
.ee-reg-form-attendee-dv input[type=text],
.ee-reg-form-attendee-dv input[type=number] {
height: 40px;
}
For dropdowns you’ll need to use the select element:
.ee-reg-form-attendee-dv select
|
