Changing text and position in search

You can change the texts at Events -> Settings-> Pages -> Search Form section.
For changing the position you have to use CSS styling.

form.em-events-search-form .em-search-category.em-search-field {
    display: inline;
}
form.em-events-search-form div.em-search-location {
    display: inline-block;
}

Hi @chathuripxl,

Thanks so much, this really helped me! ??

I hope it is oK to ask, but it would be also awesome if you could have a look at this and if some idea about it crosses your mind, give me some advise:
https://gofile.io/d/cp1gyj

Thanks again ??

Select default country to show search from state/country, city/town.
The calendar next button seems to be a conflicting CSS issue.

You can try below css for styling search form.

.em-search-advanced {
    text-align: center;
}

.em-search-advanced select.em-events-search-category,
.em-search-advanced .em-search-country.em-events-search-country,
.em-search-advanced .em-date-input-loc.em-date-end.hasDatepicker {
    width: 150px;
    height: 25px;
}

Hi,

oK, that’s already going in the right direction ?? But it doesn’t do the trick completely, so I still would like you to check what I need to do in order to get this right.

When I add your code and set height to 40px, so that the placeholder is not cut off, I get this: https://gofile.io/d/HbUiIw

One thing: why are not all boxes now the same height? :-/ And another: when I add a left margin, so I get the two lower boxes align with the above, unfortunately it also affects the upper row and creates an unwanted spacing there as well: https://gofile.io/d/fRqV7e

What am I doing wrong here?

Thanks again ??

P.S.: By any chance any idea about why the other filters (view slide 2 on the ppt of above link) are not displayed? ??

P.P.S.: oK, I found the answer to the question why not all four boxes are alike but only three: the datepicker start was missing in your code. Just in case somebody might read this and needs the code as well, with this you get the four boxes in the same height and width and placeholder text is not cut off:

.em-search-advanced select.em-events-search-category,
.em-search-advanced .em-search-country.em-events-search-country,
.em-search-advanced .em-date-input-loc.em-date-end.hasDatepicker, .em-date-input-loc.em-date-start.hasDatepicker {
    width: 150px;
    height: 40px;
	}