Filter Bar- Increase width and length of drop down

[Kate]

Hi,
Ideally I would like to increase the width and length of some of the drop downs in Filter bar…because
1. I Have some long event category titles
2. I don’t like it how you have to scroll down to see Saturday and Sunday

Is there an easy way of doing this? Please and Thank you in advance.
Kate

[Brook]

Howdy Kate,

I would love to help you work through this.

You can actually not change the height of select drop downs, that will vary from computer to computer. This is because the computers operating system and web browser will determine the height of all drop downs system wide, web pages are given no control of it. You can however set the width.

Could you share a link to your website. I could help you out with sharing some CSS to change the width.

Cheers!

-Brook

[Brook]

Howdy Kate,

I would love to help you work through this.

You can actually not change the height of select drop downs, that will vary from computer to computer. This is because the computers operating system and web browser will determine the height of all drop downs system wide, web pages are given no control of it. You can however set the width.

Could you share a link to your website. I could help you out with sharing some CSS to change the width.

Cheers!

-Brook

[Kate]

This reply is private.

[Brook]

No worries there.

Assuming your site does not have any exotic stuff going on this CSS will change the width of the drop down itself in Firefox and possibly Safari/Older versions of IE (It is not possible to alter in Chrome or Edge):

.tribe-events-filter-select select option {
width: 300px;
}

If you wish to adjust the width of that box and drop down this ought to do it in most every browser:

.tribe-events-filter-select select {
width: 300px;
}

Did that work?

Cheers!

– Brook

[Support Droid]

Hey there! This thread has been pretty quiet for the last three weeks, so we’re going to go ahead and close it to avoid confusion with other topics. If you’re still looking for help with this, please do open a new thread, reference this one and we’d be more than happy to continue the conversation over there.

Thanks so much!
The Events Calendar Support Team

[Author]

Posts