Copied to clipboard

Flag this post as spam?

This post will be reported to the moderators as potential spam to be looked at


  • Marc Laurin 7 posts 87 karma points
    Jul 15, 2019 @ 01:55
    Marc Laurin
    0

    Form not rendering properly on IE/ Edge (black background

    Hi,

    I have created a form/ questionnaire for our website.

    Although it renders properly on Chrome, it has a black background on IE/ Edge, making it illegible.

    https://www.recall.bmw.com.au/1083

    Could anyone tell me what I need to do to fix this?

    Thank you

    Marc

  • Jan Skovgaard 11242 posts 23389 karma points MVP 6x admin c-trib
    Jul 15, 2019 @ 06:27
    Jan Skovgaard
    0

    Hi Marc and welcome to the forum :-)

    Your issue with the black background color is because there is a dark background color defined in the stylesheet for the <body> element, which in Chrome is overriden by an inline style attribute that looks like this style="background: unset !important;"

    But the unset value is not supported in IE / Edge - Instead you should set it to "transparent" like this style="background-color: transparent;" - That should do the trick. Notice I have not added !important here since inline styling will overwrite external styling.

    Happy coding!

    /Jan

  • Marc Laurin 7 posts 87 karma points
    Jul 15, 2019 @ 06:56
    Marc Laurin
    0

    Hi Jan.

    Thanks for the prompt response.

    Excuse my ignorance but my knowledge of Umbraco - and coding in general - is quite limited.

    I can't work out where to change the information above.
    Under "Settings", I found the Stylesheets folder, then the Forms subfolder but there is nothing in it.

    Where do I find the source code I can modify?

    Thanks Marc

  • Jan Skovgaard 11242 posts 23389 karma points MVP 6x admin c-trib
    Jul 15, 2019 @ 08:28
    Jan Skovgaard
    0

    Hi Marc

    No need to apologize at all :)

    You will probably need to get in touch with the developer who built the site and let them know about your issue.

    It's probably not possible to make the needed change from within the backoffice.

    /Jan

  • Marc Laurin 7 posts 87 karma points
    Jul 17, 2019 @ 06:41
    Marc Laurin
    0

    Thanks Jan. Much appreciated.

    It's certainly not straight forward.

    I will keep investigating. I would have assumed changing the background colour to to be so complicated - for a non-developer. Either that or defaulting to white or transparent.

    I will share the solution once I work it out.

    Cheers

    Marc

  • Jan Skovgaard 11242 posts 23389 karma points MVP 6x admin c-trib
    Jul 17, 2019 @ 07:16
    Jan Skovgaard
    100

    Hi Marc

    Yeah it pretty much depends on the implementation - And since every implementation of Umbraco is different I can't really tell you exactly where to look if the developers have made it possible for you to control some theming of the pages since Umbraco is essentially an empty shell when you start out developing.

    So once you find the solution it's most likely that it's tailor made for your solution.

    That's why I'm suggesting you get in touch with the developer(s) behind the site because it can also very well be that there's been an explicit code override in the page in particular.

    As I mentioned in my first post the CSS stuff should be background-color: transparent; instead of background-color: unset; There is no setting in Umbraco for that :-)

    /Jan

  • Marc Laurin 7 posts 87 karma points
    Jul 18, 2019 @ 00:09
    Marc Laurin
    0

    Thanks Jan.
    I appreciate your help. All the best. Marc

  • Matt 209 posts 534 karma points
    Jul 17, 2019 @ 07:27
    Matt
    0

    Is your developer also hosting the website? or are you hosting this yourself?

    If your hosting this yourself I'm more then happy to try and help :)

  • Marc Laurin 7 posts 87 karma points
    Jul 18, 2019 @ 00:14
    Marc Laurin
    0

    Hi Matt.

    Thanks for stepping in.

    The site is hosted on the Umbraco Cloud. Does this help?

    Marc

Please Sign in or register to post replies

Write your reply to:

Draft