[SOLVED]Color change of the "Reset" button (orange) in the list view

Hello,

I also looked in the JEM CSS file but did not find the location for the color value change. Unfortunately, there is no setting for this in the backend.
Can someone write me where I can change the color value for the "Reset" button (orange)?

Many thanks.

I'm not sure if I fully understand which button you mean. In the simplelist view there is a white button "clear" on orange background to reset the search – this one?

Yes, it is this button to reset.

In Event List view, the Reset button from search is created with this code:

<button class="btn btn-secondary" type="button" onclick="document.getElementById('filter_search').value='';document.getElementById('filter_month').value='';this.form.submit();">Reset</button>

This button has the class btn-secondary.

btn-secondary comes from Bootstrap 5, but since you are using the Cassiopeia template, this class is redefined in the template’s CSS. By default, Cassiopeia sets it like this:

.btn-secondary {
--btn-color: var(--gray-800);
--btn-bg: var(--white);
--btn-border-color: var(--gray-400);
--btn-hover-color: var(--gray-800);
--btn-hover-bg: var(--gray-100);
}

If you want to customize only the Reset button inside the Event List filter, you don’t need to change all secondary buttons on your site.

Instead, you can use the wrapper div with id="jem_filter" to target just this button:

#jem_filter .btn-secondary {
--btn-color: #fff;
--btn-bg: #0044cc;
--btn-border-color: #0044cc;
--btn-hover-color: #fff;
--btn-hover-bg: #003399;
}

if you only want to change the background, add a custom css:

#jem_filter .btn-secondary {
--btn-bg: #D0D0D0;
}

I do not use the template Cassiopeia, but one of the developer joomlaplates!

Here's the link to the homepage:

A domain move is still pending, therefore the security warning.

The link is not allowed - OK