This thread is resolved. Here is a description of the problem and solution.
Problem:
Change the field background with CSS codes.
Solution:
It needs custom CSS codes, see details here:
https://toolset.com/forums/topic/arrows-not-showing-on-drop-down-controls/#post-1147003
Relevant Documentation:
This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.
Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.
| Sun | Mon | Tue | Wed | Thu | Fri | Sat |
|---|---|---|---|---|---|---|
| - | 9:00 – 13:00 | 9:00 – 13:00 | 9:00 – 13:00 | 9:00 – 13:00 | 9:00 – 13:00 | - |
| - | 14:00 – 18:00 | 14:00 – 18:00 | 14:00 – 18:00 | 14:00 – 18:00 | 14:00 – 18:00 | - |
Supporter timezone: Asia/Hong_Kong (GMT+08:00)
This topic contains 3 replies, has 2 voices.
Last updated by 6 years, 2 months ago.
Assisted by: Luo Yang.
Hi,
First, there isn't such a built-in feature to display up/down arrows in dropdowns within Views plugin.
I have checked the URL you mentioned above, it is using some custom CSS codes to style the dropdowns, see your theme file:
hidden link
line 358:
#top select, #top .avia_ajax_form .select, #top .entry-content-wrapper select{
-webkit-appearance: none;
border-radius:0px;
background-image: url(data:image/png; .... );
background-position: center right;
background-repeat: no-repeat;
border-radius: 2px;
}
It seems that above CSS codes isn't compatible with Firefox 63.0.1 or Galaxy S7 cell phone.
In your case, you can try these:
1) Contact your theme author to fix the problem for all browsers.
2) Use custom CSS codes to override it, display without up/down arrows, for example:
select[id*='wpv_control_select_']{
background-image: none !important;
}
See screenshot, select-background-image.JPG
