My forum is invisible

Support
1

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.

Best regards
Olle

2

You can use safe mode by going to https://yourforum.example.com/safe-mode

3

You wouldn’t be the first which is why there is a very handy tool : :up_arrow:

4

Thank you! Lifesaver!

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:

image

And thank you to @RGJ and @merefield for your support and saving my day.

5

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.

6

Maybe this? From the top of my head.

div.main-container > div:nth-child(1) {
  display: none;
}
7

It did not help unfortunately. I also removed border: 2.4px; to no prevail.

I am in contact with Richard and Arkshine regarding this matter. If we find a solution I will post it here for future reference.

Best regards
Olle

8

@RGJ found a solution regarding the line and it was the following code:

#main-outlet > div.container {
  border: none;
}

Have a nice weekend everyone,

Best regards
Olle