Issue with duplicated texts

[Mike_Gregory]

@Max

.eapp-events-calendar-dates-inputText,
.eapp-events-calendar-filter-currentText {
  font-size: 18px;
}

.eapp-events-calendar-controls-component > * > * {
  padding: 20px 24px;
}

I have added this code because we had a request to make the search bar larger and more visible. However, now when you type in the search bar, there’s a weird “echo” effect. See the pic below. Any way to avoid this?

[Max]

Hi there, @Mike_Gregory

Thanks for bringing this up!

Here is an adjusted version for changing the filter size:

.es-filter-button-button,
.es-filter-button-text {
  font-size: 14px !important;
  line-height: 20px !important;
}

And this CSS code will help you change the size of the search:

.es-search-input,
.es-search-input .es-text-control-base-placeholder,
.es-search-input .es-text-control-base-inner,
.es-search-input .es-text-control-base-input-wrapper {
  font-size: 14px !important;
  line-height: 20px !important;
}

Give it a try and let me know if it helped

[Mike_Gregory]

@Max

.es-filter-button-button,
.es-filter-button-text {
  font-size: 14px !important;
  line-height: 20px !important;
}

That worked perfectly. Thanks, Max!

[Max]

It’s my pleasure