Drop-Down menu style

This topic has 6 replies, 2 voices, and was last updated 1 year, 3 months ago by Ernest Marcinko.

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

Author

Posts
February 20, 2025 at 9:45 pm #53018

Nestor
Participant

Hello.

Is there any styling option for the dropdown menu within the plugin? Because I was trying different styles but the drop-down doesn’t change. Especially, I want it to be noted that it is a drop-down.

(please, see screenshot)

Thank you, again!

February 21, 2025 at 12:13 pm #53029

Ernest Marcinko
Keymaster

Hi!

Usually drop-downs are native to the browsers and are very hard to actually style. What I notice from the screenshot that the drop-down arrow is missing, that could be coming from a 3rd party custom CSS.
Can I take a look at this somewhere? I might be able to suggest based on the exact layout. Thank you!

February 21, 2025 at 4:26 pm #53038

Nestor
Participant

You cannot access this content.

February 21, 2025 at 4:33 pm #53039
Nestor
Participant
(pass ok)
- This reply was modified 1 year, 3 months ago by Nestor.
February 23, 2025 at 11:13 am #53060
Ernest Marcinko
Keymaster
Thank you!

I have found the issue. There is a custom style applied on all select boxes from within the theme styles, which removes the arrow and tries to replace it with a custom icon, but it does not work properly here.

This custom CSS will reset the layout:
```
select.asp_nochosen.asp_noselect2 {
    appearance: menulist;
    background-image: unset;
    border: 1px solid #dadada !important;
}
.asp_select_label {
    padding-left: 0 !important;
}
```
After that it will look like this: https://i.imgur.com/aUx6wrM.png
February 23, 2025 at 1:58 pm #53062

Nestor
Participant

yes, it works.
Thanks a lot!

February 23, 2025 at 2:36 pm #53065

Ernest Marcinko
Keymaster

You cannot access this content.
Author

Posts

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

You must be logged in to reply to this topic.