Forums › Forums › Search & Filter Pro › Custom CSS
Tagged: custom css
- This topic has 22 replies, 2 voices, and was last updated 4 years, 6 months ago by Anonymous.
-
Anonymous(Private) May 15, 2020 at 1:25 pm #244126
Hi
I’m using Search & Filter Pro in combination with Elementor Pro. I added some custom CSS to the dropbox filters, which won’t display. It only shows when I inspect the element, which means I correctly inserted it. Is it possible that your plugin has some standard CSS for the dropbox which I can’t overrule?
Thanks for the help!
Charlotte Simons
Trevor(Private) May 15, 2020 at 2:37 pm #244159Is this an example of what you made?
.sf-input-select { font-family: Gill Sans; font-weight: 600; font-size: 16px; text-transform: uppercase; letter-spacing: 1.5px; padding: 15px 20px; border-radius: 0px; background-color: #ffffff; }
See how, in the inspector, there is a selector above it?
https://www.screencast.com/t/Bs3WEJhN4ySe
That has greater specificity.
It would suggest this might work (but it won’t quite):
.searchandfilter select.sf-input-select { font-family: Gill Sans; font-weight: 600; font-size: 16px; text-transform: uppercase; letter-spacing: 1.5px; padding: 15px 20px; border-radius: 0px; background-color: #ffffff; }
But THIS would work:
.searchandfilter[data-sf-form-id="244"] select.sf-input-select { font-family: Gill Sans; font-weight: 600; font-size: 16px; text-transform: uppercase; letter-spacing: 1.5px; padding: 15px 20px; border-radius: 0px; background-color: #ffffff; }
Does that help?
-
AuthorPosts