× Help Forum English

Change color from search bar

Start
Prev
1
Next
End

MVL_Admin
Topic Author
Junior Member

3 years 2 months ago #18261 by MVL_Admin

Change color from search bar was created by MVL_Admin

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

Thx Max

Please Log in or Create an account to join the conversation.

Lyr!C
Administrator
Lead Developer

3 years 2 months ago #18269 by Lyr!C

Replied by Lyr!C on 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) .

Please Log in or Create an account to join the conversation.

Start
Prev
1
Next
End

Moderators: Lyr!C

Time to create page: 0.038 seconds

Forum

Change color from search bar

Attachments:

Legal

Follow Us