Custom CSS

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?

Anonymous

#244153

https://voorsmaakje.website/stef-roets/projecten/

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.

Anonymous

#244196

That’s weird, neither of them are perfectly correct.

This is what I want: https://www.screencast.com/t/Pz0onM4H4m

And this is what I see: https://www.screencast.com/t/UBRkUkAicG

[Author]

Posts