Styling Dropdown

  • Resolved wilcochris

    (@wilcochris)


    2 years ago

    Let me start by saying I love this plugin. It’s far better than any search plugin I have used on my site.

    I am having some issues styling the dropdown on the search results page.

    I have been able to style the font colour and the border radius of it but I am unable to style the background colour and the border radius of the dropdown menu items.

    I am unable to style these from looking at the css in the dev bar of the browser and can’t see anywhere from the settings that this can be done.

    Could you give some pointers as to how I would style it so that the background of the dropdown is a colour of my choosing and also the border radius of the dropdown is 0px.

    Thanks

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author SearchIQ

    (@searchiq)

    @wilcochris We will check and update you.

    Plugin Author SearchIQ

    (@searchiq)

    @wilcochris We are using the default select option dropdown on the result page, and the output of this dropdown depends on the OS. It will look differently on different Operating systems because OS controls the default elements.

    However, we are providing the styles to override the default dropdown select option menu. Please add the below CSS in the custom CSS (https://prnt.sc/px13P6L1Cd_s) box under the ‘Options’ tab of the SearchIQ settings.

    body #siq_search_results table.siq_searcharea_table td.searchFiltersRightTd .siq_filters .siq_filter select option {background: red !important;color: #fff !important;border-radius: 0 !important;}

    Thread Starter wilcochris

    (@wilcochris)

    Hi @searchiq thank you for this.

    That’s helped a lot

    Plugin Author SearchIQ

    (@searchiq)

    We are glad the CSS worked fine.
    Please feel free to contact us if you have any questions.

    Plugin Author SearchIQ

    (@searchiq)

    @wilcochris If you liked the plugin and support, can you please leave us a positive review? We will be grateful for the review.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Styling Dropdown’ is closed to new replies.