Category dropdown

Support has been upgraded!



The Support Forum is closed. Not to worry!  Providing the top quality support you expect and we're known for will continue! We're not ending support, just changing where you submit requests. This will provide you with the best experience possible.

Premium Support

Have you purchased an addon for Connections such as one of our premium templates or extensions with a valid license and you need help?

Please open a Support Ticket in your user account.

Click here to open a support ticket.

Free Support

Are you using the free Connections plugin? Don't worry, you are still very important to us! We are still providing you with the same high quality support that we're known for.

Please open a new support topic in the WordPress support forums for Connections.

Click here to open a support topic.

This topic is: resolved

Tagged: , , , ,

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • 07/18/2018 at 10:49 am #467827
    Age de Jong
    Participant

    We use this code to display entries with Gridder:

    [connections template='gridder' background_color='#00adee' color='fff' overlay=hover image_width='173' image_height='173' name_format='%first% %middle% %last%' enable_search='TRUE' enable_category_select='TRUE' show_category_count='TRUE']

    The dropdown for the categories is set in the code as 250px, but somehow (I think it’s my theme) it is set to 100% so it gets very wide.

    When I look into the html is is:

    <div class="chosen-container chosen-container-single" style="width: 250px;" title="">

    When I change it in the browser inspector into:

    <div class="chosen-container chosen-container-single" style="width: 250px !important;" title="">

    It is displaying correct.

    Is it correct you use ‘element’ for that? Is a rename possible so it isn’t conflicting with my theme?

    In the attachment Dutch translation for Gridder.

    Gr, Age

    Attachments:
    You must be logged in to view attached files.
    07/18/2018 at 11:38 am #467833
    Steven Zahm
    Keymaster

    @ Age

    That element is created by the Chosen library which is used to enhance select drop downs so width value is calculated and generated on creation. There is not a way for me to add the !important flag. If you can share a link to the affected page I can probably determine the conflicting CSS and give you a CSS override to correct it.

    Thanks for the tralsations! I saved it with the source files so it’ll be included in any updates.

    07/19/2018 at 2:44 am #467886
    Age de Jong
    Participant

    I’ve added this CSS which seems to solve it:

    #cn-gridder .chosen-container {
    max-width: 30%;
    }

    The category drop-down and search box are now on the same line.

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)

You cannot reply to this support topic. Please open your own support topic.