Customize Tagify dropdown style

Wappler General How To
#1

I am having a look at this component seems great but one issue i’m having is the dropdown background colour and maybe dropdown border I can’t find a option to change them from white to a different colour in a darker site the big white box looks a little odd. I have scrolled through the customisations and can’t see a option for these did I miss it?

Using the Tagify Component
#2

You might be able to change color through custom css in your style.css file.

2 Likes
#3

I think I should be able to was just checking if this was a missed off option or wether custom css was needed here. Thanks for the advice though :slight_smile:

#4
#5

For those who want the layout of the dropdown menu so they can customize it:

<div class="tagify__dropdown tagify__dropdown--text" style="left:993.5px; top:106.375px; width:616px;">
    <div class="tagify__dropdown__wrapper">
      <div class="tagify__dropdown__item tagify__dropdown__item--active" value="aaab">aaab</div>
      <div class="tagify__dropdown__item" value="aaabb">aaabb</div>
      <div class="tagify__dropdown__item" value="aaabc">aaabc</div>
      <div class="tagify__dropdown__item" value="aaabd">aaabd</div>
      <div class="tagify__dropdown__item" value="aaabe">aaabe</div>
    </div>
</div>

For more, you can check this link.

1 Like