Forums

revolutiong

As soon as I add this code, firefox doesn't load the css. Works on chrome and IE

.ngg-galleryoverview{
  margin:0 0 0 -10px;
}  

.ngg-galleryoverview{
  width:100%;
    &:after {
    /* Or @extend clearfix */
    content: "";
    display: table;
    clear: both;
  }
}

Here is the site.

http://costacultura.com/services/concerts-festivals-special-events/stars-on-the-lake-concert-series/

Also why do I need to add a seperate .ngg-galleryoverview class in order to add a negative margin, seems strange. Maybe the problem is related.

Thanks

howlermiller

That's SCSS. This may sound like a no-brainer, but you are putting that into a .scss file and compiling it, right?

If that isn't your problem, then it could be the weird unicode character you have at the end of the third line. Try copying this code instead (it looks the same, but it isn't):

.ngg-galleryoverview{
  margin:0 0 0 -10px;
}

.ngg-galleryoverview{
  width:100%;
    &:after {
    /* Or @extend clearfix */
    content: "";
    display: table;
    clear: both;
  }
}

revolutiong

Yup, it was the unicode. However that happened and how you found that is beyond me. Thank you.

howlermiller

Nothing too fancy. I pasted your code into CodePen, and the unicode character showed up as a bullet. :)

Glad I could help!

treehouse : what would you like to learn today?

Forums

[Solved] Why does firefox hate this code?