Tagged: 

Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • June 6, 2017 at 1:00 pm #804484
    acadas

    We use the Form Color Scheme: Light transparent. Unfortunately the Form Element Type: “Select Element” causes problems on some browsers

    If site visitors click on the “select arrow”, the options can not be seen on most browsers:

    Firefox 53.0: WORKS FINE! Text ist black. Background is white.
    Chrome 58.0: Does NOT work! Text AND background are white.
    Opera 45.0: Does NOT work! Text AND background are white.
    Explorer 11.0: Does NOT work! Text AND background are white.
    Edge 25.1: Does NOT work! Text AND background are white.

    Furthermore the “select arrow” is not visible on some browsers.

    I would appreciate you soon reply.

    Regards, Bernd

    June 7, 2017 at 6:26 am #804844
    Rikard

    Hey Bernd,

    I checked the page you linked to in Chrome 58 but I couldn’t see the error you are describing, could you post a screenshot of it please? You can upload to a service like google drive or dropbox and then link to it here.

    Best regards,
    Rikard

    June 7, 2017 at 11:08 am #805016
    acadas

    Hi Rikard,
    you will find two screenshots in my dropbox:
    – Result on Chrome
    – Result on Firefox
    I have checked all ENDOLD Color Settings but with no result.
    What could cause this issue?
    Best regards,
    Bernd

    June 8, 2017 at 9:30 am #805477
    acadas

    Hi Rikard,
    There is some time preasure on my side, because the site needs to go online.
    Could you be so nice and take care of this support request today?
    Thanks a lot,
    Bernd

    June 8, 2017 at 11:00 pm #805774
    acadas

    Please respond to this thread.
    Greetings,
    Mike

    June 9, 2017 at 5:15 am #805833
    Rikard

    Hi,

    Thanks for the screenshots, though I can’t reproduce the results you are getting. Please see screenshot in private. I’m not 100% sure but I think that is a local browser settings that you could change, I don’t think it’s even possible to control that via CSS.

    Best regards,
    Rikard

    June 9, 2017 at 9:49 am #805944
    acadas

    Hi Rikard,
    the problem can be reproduced with Cross Browser Testing.

    Please check http://enfoldgym.akavas.de/contact with Google Chrome Version 58 or with Cross Browser Testing.

    It is an issue with Enfold Contact Form light, which also occurs on your Demo Enfold Gym. You only added one field as you can see.

    Please also see the two screen shots in my dropbox.
    We would appreciate your soon reply.

    Cheers,
    Mike

    June 9, 2017 at 2:32 pm #806074
    Rikard

    Hi,

    Ok, thanks for the feedback. I can’t reproduce it on the demo either and I think testing in an actual browser is far more reliable than using a browser testing tool.

    On what OS are you seeing this? I’m on OSX and cannot reproduce any of the problems you are having.

    Best regards,
    Rikard

    June 9, 2017 at 3:23 pm #806097
    acadas

    Hi Rikard,
    have you checked it on different plattforms and different browsers?
    All our team members can reproduce it on physical clients with
    – Windows 7 (German)
    – Windows 8 (German)
    – Windows 10 (German)
    by using the following browsers:
    – Chrome (newest version)
    – Edge (newest version)
    – Opera (newest version)
    – Explorer (newest version)
    So it really is an major issue.
    Please respond as soon as you can.
    Regards,
    Mike

    June 9, 2017 at 3:26 pm #806099
    acadas

    Here is another screen shot from one of our team members using Windows 10 and Edge Browser (see private content). So PLEASE trust us that it is an issue.

    June 9, 2017 at 3:27 pm #806100
    acadas

    Hi Rikard,
    have you checked it on different plattforms and different browsers?
    All our team members can reproduce it on physical clients with
    – Windows 7 (German)
    – Windows 8 (German)
    – Windows 10 (German)
    by using the following browsers:
    – Chrome (newest version)
    – Edge (newest version)
    – Opera (newest version)
    – Explorer (newest version)
    So it really is an major issue.
    Please respond as soon as you can.
    Regards,
    Mike

    June 11, 2017 at 1:33 pm #806557
    Mike

    Hi,
    Try this code in the General Styling > Quick CSS field:

    select option {
    background: #84796B!important; 
    color: #fff!important; 
}

    Best regards,
    Mike

    June 11, 2017 at 4:35 pm #806599
    acadas

    Hi Mike,
    thank you so much!!! It works perfect.
    You have no idea how much help this was for us.
    This website will go online tomorrow and with your held we can meet the deadline.
    Thank you again!
    Best regards,
    Bernd

    June 11, 2017 at 4:47 pm #806602
    Mike

    Hi,
    Here is the fix to make the the arrows white:

    #top select, #top .avia_ajax_form .select, #top .entry-content-wrapper select {
    -webkit-appearance: none;
    border-radius: 0;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAANCAYAAAC+ct6XAAAACXBIWXMAAC4jAAAuIwF4pT92AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAFpJREFUeNpj+P//vxQQM9AbMww1ixWBuJTeFksD8cP/EFBHL4tBlt7+jwpK6WGxPRCnYcH8wz5x0d3iKCA+g4Y30iuoJyAlrFdArEXPoJ4DtVR3IOJYZUgmLgAzT6KD72gmmAAAAABJRU5ErkJggg==)!important; 
    background-position: center right;
    background-repeat: no-repeat;
    border-radius: 2px;
}

    Best regards,
    Mike

    June 11, 2017 at 5:15 pm #806605
    acadas

    Hi Mike,
    thank you again!
    Best regards,
    Bernd

    June 11, 2017 at 5:31 pm #806607
    Mike

    Hi,
    Glad we were able to help, we will close this now. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 16 posts - 1 through 16 (of 16 total)
  • The topic ‘Enfold contact form: Select Elements causes problems on some browsers’ is closed to new replies.