Question

Locally my CSS changes work fine but when I push to Heroku I don’t see the changes – and when I inspect element and look in application.css I can’t find the class names I have created, so I don’t think they are getting pushed to Heroku for some reason.

I have run rake db:migrate, restarted Heroku and basically everything else I can think of – to no avail.

If you care to have a look, I’m attempting to make modifications to http://theplayr.com – on the bottom the pagination CSS does not look like that locally. I have hidden ‘previous’ and ‘next’ when they aren’t a clickable and aligned the pagination right with the following CSS:

.next_page.disabled {
display:none;
}
.previous_page.disabled {
    display:none;
}
.pager{
text-align:right;
}

Locally it works, on the live site it doesn’t after I push to Heroku.

Answer 1

You should precompile your assets bundle exec rake assets:precompile