Advanced Hover Settings

Advanced Hover Settings For Joomla Website Builder Gridbox
Mon. - Fri. 9 am - 5 pm Ask a Question
Remember me

customize css on filter (small screens)

1 month 2 days ago #1

  • Walter's Avatar
  • Walter
  • Posts: 8
Hi,
I tried to customize the "select filter" when categories are to be chosen on small devices:

.ba-gallery select.ba-select-filter {
background-color: #fff;
border: 1px solid #ccc; /* NEW COLOR */
color: #333; /* NEW COLOR */
}


- overwriting in my custom.css on template style
-> no effect

- overwriting with new class name "meinbalbooastil" + adding a class in the custom.css ".meinbalbooastil"
-> no effect

- overwriting in <head> from template
-> no effect


Normally one of these variants do work with extensions. But not with balbooa in this case.
What am I doing wrong?
How to make an override for this css?


thanks,
Walter
Attachments:

1 month 2 days ago #2

  • Vyacheslav's Avatar
  • Vyacheslav
  • Posts: 19689
Hello,
Thank you for contacting us

Send us a link to page with problem.

Regards,
Vyacheslav, Balbooa.com

1 month 2 days ago #3

  • Walter's Avatar
  • Walter
  • Posts: 8

1 month 2 days ago #4

  • Vyacheslav's Avatar
  • Vyacheslav
  • Posts: 19689
You need use this code
.meinbalbooastil select.ba-select-filter{
    background-color: #fff;
    border: 1px solid #ccc; /* NEW COLOR */
    color: #333; /* NEW COLOR */
}

Best Regards,
Vyacheslav, Balbooa Support Team

1 month 2 days ago #5

  • Walter's Avatar
  • Walter
  • Posts: 8
Hi,

I used your style,

the new code is placed in the <head> of the template
with the addition "!important"

.meinbalbooastil select.ba-select-filter {
background-color: #fff;
border: 1px solid #ccc !important;
color: #333 !important;
}

...so it works. Thanks

1 month 2 days ago #6

  • Vyacheslav's Avatar
  • Vyacheslav
  • Posts: 19689
Use this code
.meinbalbooastil select.ba-select-filter {
    background-color: #fff !important;
    border: 1px solid #ccc !important;
    color: #333 !important;
}

Best Regards,
Vyacheslav, Balbooa Support Team

1 month 2 days ago #7

  • Walter's Avatar
  • Walter
  • Posts: 8
:)

1 month 2 days ago #8

  • Vyacheslav's Avatar
  • Vyacheslav
  • Posts: 19689
;)
Powered by Kunena Forum