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.
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.
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.
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 :-)
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
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 thisstyle="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
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
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
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
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
Thanks Jan.
I appreciate your help. All the best. Marc
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 :)
Hi Matt.
Thanks for stepping in.
The site is hosted on the Umbraco Cloud. Does this help?
Marc
is working on a reply...