Image in drop down

  • Resolved miya8713

    (@miya8713)


    10 months, 1 week ago

    I want to put an image next to the text in the drop down, but I can’t adjust the display position.

    <img src=” “/> I know I can use this code to display it, but how do I center it next to the text (and adjust the size if possible)?

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author CodePeople2

    (@codepeople2)

    10 months, 1 week ago

    Hello @miya8713

    Thank you for choosing our plugin. You can enter the style definition below through the “Customize Form Design” attribute in the “Form Settings > Advanced Settings” tab:

    #fbuilder .cff-dropdown-field .select2-selection__rendered span,
    #fbuilder .cff-dropdown-field .select2-results__option span{display: flex; align-items: center; gap: 12px; }
    #fbuilder .cff-dropdown-field .select2-selection__rendered img{margin:0;}}
    #fbuilder .cff-dropdown-field .select2-results__option img{height:50px !important;margin:0;}

    Best regards.

    Thread Starter miya8713

    (@miya8713)

    10 months, 1 week ago

    thank you!!!

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Image in drop down’ is closed to new replies.