Add class to ember wrapper div

The wrapper div that gets generated around all of my ember routes is messing up my styling. Is there a way to add styling to the wrapper div, class name: ember-view?

I don’t think it’s possible to add class to a template, I’m not an expert though.

You can set up application main layout like this:

// templates/application.emblem
  = outlet

Or if you use Handlebars:

<div class='application-wrapper'>

Then you will have body > .ember-view > .app-container > template content.

1 Like

It’s easy to target the div in css with body > div.ember-view

1 Like

I have been adding a wrapper for the outlet like @Senthe suggests. Although it’s easy to target the div, it’s certainly not ideal that we don’t have the ability to configure it further. If someone doesn’t already see that it’s a problem - we aren’t going to be able to convince them that it is. : (


<div class='outlet application-outlet'>

You could create a component that targets it’s parent and sets classes…