Tagged: 

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • May 7, 2016 at 6:27 pm #628646
    WP Turned UP

    Hello. Looking to change the background color of the “Topic” drop-down, to match the other fields.

    Thank you,
    Ryan

    May 7, 2016 at 6:58 pm #628661
    Basilis

    Hey rlogan2334!

    Please add the following to your custom CSS

    .avia-mozilla #top select, .avia-mozilla #top .avia_ajax_form .select, .avia-mozilla #top .entry-content-wrapper select {
background-color: rgba(255,255,255,0.5);
}

    and let us know if it is what you need to.

    Regards,
    Basilis

    May 7, 2016 at 9:06 pm #628683
    WP Turned UP

    Works perfectly for FF, but didn’t in Chrome. I striped out the .mozilla and now it works in Chrome, but the drop-down menu turned transparent as well and now you can’t see it at all. The drop-down still appears in FF.

    Thanks!

    May 9, 2016 at 7:20 am #629042
    Rikard

    Hi,

    The dropdown (the actual menu which is shown after clicking) is not transparent on my end using Chrome, did you manage to get it fixed?

    Best regards,
    Rikard

    May 9, 2016 at 2:28 pm #629232
    WP Turned UP

    I’m still seeing this on multiple devices. Caches disabled/cleared.

    I hear what you’re saying about “on click”, but users can’t even see where to click. : )

    Screenshot

    Thanks!

    May 9, 2016 at 2:32 pm #629235
    Yigit

    Hey!

    Please add following code to Quick CSS 

    #top select, #top .avia_ajax_form .select, #top .entry-content-wrapper select{
background-image: url(https://kriesi.at/wp-content/themes/kriesi/images/logo.png);
}

    and change image link to replace the dropdown image.

    Regards,
    Yigit

    May 9, 2016 at 2:42 pm #629245
    WP Turned UP

    The dropdown image is already there, it’s just VERY faint.

    Adding your code didn’t do anything, as that code is already being shown using Chrome inspect.

    May 10, 2016 at 4:33 pm #630064
    Yigit

    Hi,

    Please try adding !important rule as following

    #top select, #top .avia_ajax_form .select, #top .entry-content-wrapper select{
background-image: url(https://kriesi.at/wp-content/themes/kriesi/images/logo.png) !important;
}

    Dropdown icons are images and on your background color they look very faint. I think the best solution would be changing the image using the code i posted above, or changing background color of the field :)

    Best regards,
    Yigit

    May 10, 2016 at 8:22 pm #630218
    WP Turned UP

    Thanks. I was just going to remove transparency and move on, but I’d like to figure this out.

    I understand it’s just an image/icon underneath and that’s what’s confusing to me. Why would changing the color of the field backgrounds, change the appearance of the image/icon? To me, if you were to set say, full transparency, the image/icon should pop off even more.

    The default forms fields are White, so why would applying transparency to the White cause an image/icon disappear or be more faint?

    May 11, 2016 at 2:13 pm #630719
    Yigit

    Hi,

    That is because icon color. I added link in private content field. If it is not linked, you can copy past it in address bar of your browser to see the image. What i recommended previously should have replaced that image to any other desired one. Maybe you can save it, make it darker on photoshop, upload it to your server and then use the code i posted earlier to use it as background image?

    Best regards,
    Yigit

    May 11, 2016 at 2:51 pm #630748
    WP Turned UP

    Now I see. The image is transparent except for the Grey arrows. I assumed it was White with Grey arrows. : )

    All set. Thank you.

    May 11, 2016 at 3:32 pm #630766
    Yigit

    Hi!

    You are welcome Ryan, let us know if you have any other questions :)

    Regards,
    Yigit

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Contact Form – Change Background Color’ is closed to new replies.