Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • October 15, 2015 at 3:45 pm #519371
    Gudi

    The background-color in the dropdown is white – with white text – but should be blue background-color as shown in Firefox

    Hope this is fixable ;)

    October 15, 2015 at 5:11 pm #519424
    Yigit

    Hey Gudi!

    This is how it looks on my end – http://i.imgur.com/OIW54WV.png
    I asked my teammates to check your website, please kindly wait to hear from them

    Best regards,
    Yigit

    October 15, 2015 at 5:30 pm #519438
    Elliott

    Hey!

    Try adding this to your custom CSS.

    select option {
    background: white !important;
    color: black !important;
}

    Regards,
    Elliott

    October 20, 2015 at 11:00 am #521489
    Gudi

    Added 

    select option {
    background-color: #17619d !important;
    color: white !important;
}

    This fixed Chrome but not IE – Firefox still looks great.

    October 20, 2015 at 9:59 pm #522026
    Elliott

    Hey!

    It looks like your on Windows 10 like me. I tried fiddling around with the CSS but I couldn’t get rid of the top / bottom white borders that Windows 10 adds. I guess it’s just an operating system / browser quirk.

    Cheers!
    Elliott

    October 21, 2015 at 10:04 pm #522558
    Gudi

    Hi Elliott

    I’m on Windows 7 with Internet Explorer version 11.0.9600.18059

    October 23, 2015 at 9:01 am #523511
    Ismael

    Hi!

    Please add this in the functions.php file:

    // option color
function add_custom_script(){
?>
<script>
(function($) {
    var sel = $('select');
    $(sel).on('click', function (el) {
        var options = $(this).children();
		$(options).css('color', '#ffffff');
        $(options).css('background', '#17619d');
    });
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'add_custom_script');

    Remove browser cache then reload the page.
    Cheers!
    Ismael

    October 23, 2015 at 9:24 am #523527
    Gudi

    Hi Ismael

    Tried and refreshed the browser – but it still looks the same in IE with the white empty label at top and bottom.

    October 26, 2015 at 10:34 am #524770
    Ismael

    Hey!

    I checked the site on IE8 and the option background is already blue, I’m pretty sure that the code will work on IE11. Please try to remove browser cache then hard refresh the page. If not, please post the login details here so that we can inspect it.

    Regards,
    Ismael

    October 28, 2015 at 12:43 pm #526048
    Gudi

    I’ve got no cache running – and you’re welcome to have a go at the back-end.

    please note the username is “misspelled”

    November 9, 2015 at 5:58 pm #532801
    Elliott

    Hi!

    Hmm, ok I was able to remove the white bars with this CSS.

    select { padding: 0px !important; }

    But that of course makes the actual select field look bad on the page. I’m not sure why IE adds them in like that for the options as well but not sure if there is anything we can do about it.

    If it was me I would just leave the option colors to white background and black text.

    Regards,
    Elliott

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • You must be logged in to reply to this topic.