Skip Navigation

[Resolved] Archives Custom Search Advanced CSS

This support ticket is created 3 years, 10 months ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Sun Mon Tue Wed Thu Fri Sat
- 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 -
- 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 -

Supporter timezone: Asia/Karachi (GMT+05:00)

This topic contains 3 replies, has 2 voices.

Last updated by MarcoS3712 3 years, 9 months ago.

Assisted by: Waqar.

Author
Posts
#1644193
Custom Search Filter Advanced CSS.png

Hello,
I have a custom archive page and I would like to reduce font-size in a custom search filter (type of control: Select multiple), for example from 1.5em to 0,7em.
I have seen that is possible to use advanced option with ID and CSS Classes, but I don't know how to proceed.
Toolset load Bootstrap 4 and I use Avada 6.2 theme.

I thought with
.form-control {font-size: 0.7rem;}

Please, could you send me istructions? I haven't found info about it anywhere.

Thanks,

Marco.

#1644243

... Maybe I could have more control with a custom view, isn't it? 🙂 I try.

Marco.

#1647351

Waqar
Supporter

Languages: English (English )

Timezone: Asia/Karachi (GMT+05:00)

Hi Marco,

Thank you for contacting us and I'd be happy to assist.

First, please accept my apologies for the delay in reply, as we had an unusually busy queue over the weekend.

If your goal is to target the font-size for the options text in a multi-select type search filters, you can use:


select.form-control[multiple="multiple"] option {
    font-size: 0.75rem;
}

Tip: To check which CSS code is applying to different page elements, you can use Google Chrome's inspect element tool, as explained in this guide:
hidden link

I hope this helps and please let me know if you need any further assistance around this.

regards,
Waqar

#1651755

My issue is resolved now. Thank you!

This ticket is now closed. If you're a WPML client and need related help, please open a new support ticket.