Forums Forums Search & Filter Pro Custom CSS

Tagged: 

Viewing 10 posts - 1 through 10 (of 23 total)
  • Anonymous
    #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
    #244151

    Can you post here, inside code back ticks, the CSS you used, and/or are you able to send me a live link/URL to your search page so I can take a look?

    Trevor
    #244159

    Is 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?

    Anonymous
    #244165

    Hi Trevor. I changed the css like you suggested, but it still won’t show.

    Trevor
    #244167
    This reply has been marked as private.
    Anonymous
    #244169

    I’m sorry, but I can’t Skype at this moment. Can you explain me by screenshots maybe?

    Trevor
    #244181

    Not really, no. But, as I said, that code IS working for me. Maybe your browser cache needs clearing?

    Anonymous
    #244187

    Hm, weird. I did clear my browser caches, but still no result.

    Trevor
    #244189
    This reply has been marked as private.
Viewing 10 posts - 1 through 10 (of 23 total)