Semantic-ui: Changing Icons For Dropdown Modules

[callen5914]

Is it possible to switch the icon for the dropdowns to chevron down?

I looked at the setting for selector and tried to make changes there but I get an error which breaks the UI down.

unrecognized expression: > .dropdown.icon

I tried using icon : '> .chevron.down.icon' for example and can't seem to get it.

Any ideas?

[kmd1970]

You could add this css to your page or layout

.ui.dropdown > .dropdown.icon::before {
   font-family: 'Icons';
   content: "\f063" !important;
}

[awgv]

Hi @callen5914, .chevron.down is \f078, not \f063. Copy paste the code above to installation_folder/src/site/dropdown.overrides and rebuild the framework. The following is a standard reply.

Thank you for posting, but although it’s a valid usage question, we’ve limited GitHub Issues to bug reports and feature requests, keeping the board more manageable for maintainers; see the contributing guidelines for more information on what kind of posts should find themselves into the GitHub Issues board.

To get answers or feedback that might allow you to repost this issue, please use one of our other support resources:

• Gitter chatroom
• Official forums
• StackOverflow