Forum: F.A.Q

This forum is closed for new topics. However, you can still search for a solution in the old topics. For technical support and general questions related to GEO my WP plugin and its core add-ons please use the support forum.

[Resolved]modify taxonomy dropdown select tag

Forums F.A.Q modify taxonomy dropdown select tag

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #40751
    emilien
    Member

    Hi Eyal,

    I hope you’re fine,

    I’d really need to customize the way taxonomies dropdowns look on my search form, mainly for a better responsive design. I can work it a bit with CSS but I thought I could also use easydropdowns.js. Problem is I can’t get it to work because I don’t succeed to modify the <select> tag.

    Could you please help me?

    thank you so much!

    emilien

    #40756

    Hi Emilien,
    What exactly is that you need to do to the SELECt tag?

    #40788
    emilien
    Member

    Hi Eyal and thank you for your message,

    my need would be to customize the look of the dropdown itself. So far, using CSS, I could customize the button that triggers the dropdown but it seems like there’s a need for jQuery to customize the whole stuff and get rid of the default browser styles.

    To be accurate, I’d like to show those dropdowns kind of like popups. Here’s an example of look I was thinking of (with different colors, no sentence and stuff but the general look would be close to this).

    thank you again for your time, have a great day,

    Emilien

    #40893

    You are welcome.
    The demo you linked to uses a custom script which I am not familiar with and I am not sure if it is a jQuery plugin/library that you can install and use in your site. So there is not much I can help you with this script.

    I do know that there are some free jQuery plugins out there that creates “fancy” selectboxes.

    The Premium Settings add-on for example uses Chosen to provide you with the option to set the taxonomies dropdown as a smartbox ( allows you to type and autocomplete with the dropdown selectboxes ). To use chosen for example you will need to add the jQuery files to your site and enqueue them. Then you need to add a custom CSS class to the select box that you want to be modified. This is I believe how most of these plugin are working.

    I am not sure I can help you much in here. YOu will need to find the jQuery plugin that you want to use, understand how it works and apply it in your site.
    If you do need to apply a certain CSS class or ID to the select tag you will need to use a filter for that. If you need to do that I can tell you which filter to use.

    I hope that helps.

    #40932
    emilien
    Member

    Hey Eyal,

    thank you very much for taking the time to answer me so precisely!

    It seems like I’d rather ask for a dev help though (as I ain’t dev), regarding this custom work, which isn’t related only to GMW. I’ll try to find a script that fits my needs. (sorry for bothering you with this :-S)

    Can you help me to apply a CSS class to the select tag?

    Thank you again and have a great day,

    Emilien

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.