Styling the Tribe-Events-Month-Nav select boxes

[Neil Heird]

hello. wondering how I might change the display of the tribe-events-month-nav select boxes so that they appear side by side instead of vertically stacked. I have tried using “display: inline;” versus “block”, but I guess I haven’t correctly isolated the correct item.

You can see my test page here: http://mindsparkconsulting.com/clients/c5/events/month/

thanks in advance for your thoughts!

[Lee]

.tribe-events-prev-month, .tribe-events-prev-month {
float: left;
}
select {
float: left;
}

If you add that to your css it should sort it. The container div might not wideenough to hold it on one line at the moment, so you might need to either need to make that bigger ( .tribe-events-month-nav ) or make the monthly dropdowns a little less wide.
Hope that helps

[Barry]

Hi Neil. How are you getting on here – did Lee’s advice work out for you?

[Neil Heird]

thanks a million! worked perfectly! to adjust the select box width, I just made the position: relative and then the inline command handled the rest!

you guys rock!

[Barry]

No problem, the credit all belongs to Lee 🙂 I’ll go ahead and close this since you’re all sorted by the sounds of things.

[Support Droid]

This topic has not been active for quite some time and will now be closed.

If you still need assistance please simply open a new topic (linking to this one if necessary)
and one of the team will be only too happy to help.

[Author]

Posts