The discussion My forum is invisible started with Olle11 accidentally making their entire forum invisible by adding the CSS code .ember-view { display:none } to their theme’s CSS. They were trying to remove an element that appeared above their container. RGJ and merefield suggested using safe mode to resolve the issue.
After regaining access to their forum, Olle11 sought help to identify and remove the unwanted element, which was placed over their div.list-controls. RGJ advised against targeting elements with names like ember and offered to help Olle11 directly. NateDhaliwal provided a potential CSS solution, but it did not work.
Eventually, Olle11 found a solution with the help of RGJ, using the code #main-outlet > div.container { border: none; } to remove the unwanted line. Olle11 shared the solution for future reference.
As I am trying to learn my way through coding in Discourse I managed to make my forum invisible when I put in the following CSS:
.ember-view {
display:none
}
I wanted to try and get rid of an element that has placed itself above my container and when I was trying to find out which element it was I thought it would be .ember-view.
Turns out I was wrong and now my whole forum is invisible.
What can I do? Both the admin section and the website is entirely invisible because I inserted that code in the themes CSS.
Anyone has a clue which element this is? It is placed over my div.list-controls and is called either ember27, ember28, main-container or container from my very amateurish (yep i deserve that) eye to read code.
The line I am trying to remove is placed within the blue lines on this photo:
And thank you to @RGJ and @merefield for your support and saving my day.
Your photo is not exactly clear (PM me the URL of your forum and I will have a look).
The rule of thumb is to NEVER target something called ember, these are automatically generated, very generic, and the numbers can and will change every build.
