× Help Forum English

Change color from search bar

Inizio
Indietro
1
Avanti
Fine

MVL_Admin
Autore della discussione
Junior Member

Di più

3 Anni 2 Mesi fa #18261 da MVL_Admin

Change color from search bar è stato creato da MVL_Admin

Good morning,
how can i change (css) the colors of the search bar?

Thx Max

Si prega Accedi o Crea un account a partecipare alla conversazione.

Lyr!C
Administrator
Lead Developer

Di più

3 Anni 2 Mesi fa #18269 da Lyr!C

Risposta da Lyr!C al topic Change color from search bar

Hello,
For now, only possible with custom CSS (i will add options for that next year, when i will work on the theme pack refactory, with options for themes).

So, you can use the Custom CSS option in iCagenda component Options > General Settings.

And set colors for those classes:

.ic-filters-label {
  background-color: orange;
}

.ic-filter-more-btn {
  background-color: blue;
}
.ic-filter-more-btn:hover {
  background-color: blue;
}

.ic-filter-submit-btn {
  background-color: green;
}
.ic-filter-submit-btn:hover {
  background-color: green;
}

.ic-filter-reset-btn {
  background-color: red;
}
.ic-filter-reset-btn:hover {
  background-color: red;
}

Of course, with editing it with colors of your choice, and adding color: *white* as well for text color.

Hope this helps?

Best regards,
Cyril

Latest version : iCagenda 4.0.17 Joomla! 4 > Joomla! 6
We recommend every user to keep iCagenda updated.
Support for iCagenda version 3.9 (the final version compatible with Joomla 3) ended on October 13, 2026
Extended security support for the iCagenda PRO 3.9 version until October 13, 2027 (to benefit from this extended support, you must have a Pro subscription: www.joomlic.com/extensions/icagenda)
Don't forget to have your Joomla!® up-to-date!

Do you like iCagenda?
I would appreciate if you could take 5 minutes to post a review on JED (Joomla Extensions Directory) .