Change text box height in add community events form

[mgmg]

Can anyone advise where and how to update the height of the text boxes and description fields. I’ve tried in various places to update css but:
1. It didn’t work
2. Some of the form-types don’t have a class so I’m not sure if I should add a class to the form element and then a css entry
3. I’m concerned any of these changes I make will be wiped out the next time I update.

The screenshot shows how thin the title field is as well as the description fields. I feel they all need raising but maybe this will also call for bigger check boxes and dropdowns?

Any help appreciated.

Matt

[Geoff B.]

Good evening Matt and welcome back!

Thank you for reaching out to us.

We are sorry to hear about the struggles you have been experiencing with styling certain elements to your liking.
I would love to help you with this topic.

As a first troubleshooting step, could you please provide us with your complete system information in a private reply using the instructions found in the following link?

https://theeventscalendar.com/knowledgebase/sharing-sys-info/

Ideally, it would be great if I could look directly at your Community Event Submit page.
Could you provide me with the URL and access to that page (not to the admin of your site) ?

1. It didn’t work

When I can take a look at your site, I’ll be able to recommend tailored CSS rules to achieve what you are looking for.

2. Some of the form-types don’t have a class so I’m not sure if I should add a class to the form element and then a css entry

You have 2 ways to go about this:

1. Use positional CSS rules (e.g: tr td+td+td)
2. Use a theme customization where you add the classes of your choice. You might want to read our Themer’s guide to get a sense of how that works.

3. I’m concerned any of these changes I make will be wiped out the next time I update.

That’s a valid point.

Most people use a child theme for that specific reason (avoid losing customizations when updating the theme).
There are great free plugins out there to walk you through the process.

The screenshot shows how thin the title field is as well as the description fields. I feel they all need raising but maybe this will also call for bigger check boxes and dropdowns?

Without seeing your site, I would go for a rules such as

#tribe-community-events .events-community-post-title input {
height: 43px;
}
Let me know if that helps.

Have a great day!

Geoff B.

[mgmg]

Geoff – you’re the best!

This helped me figure it out and make some other changes i needed. Thanks again for taking to respond so quickly.

Matt

[Geoff B.]

Good afternoon Matt,

I’m stoked that this was helpful to you!

You are welcome back on our support forums any time 🙂

For now, I am going to close this thread.

Have a great week!

Geoff B.

[Author]

Posts