custom.css doesn't load

[EdwinK]

I needed to reinstall dashticz (and unfrtunately didn't make a backup, I know... stupid). So far the index is looking okay-ish, so I wanted to work on the css file to make it look better, but.. alas. It didnt work. None of the things I added seem to show.

Not sure if it could be the case, but I recently was forced to switch from a MacBook to a Windows laptop. I used notepad++ to edit the custom.css file. Also tried with working directly with nano but still no luck.

This is my present css.file. Anything wrong there?

Code: Select all

/* selected btton gets a different colour */
.btn-default.active {
    color: #fff!important;
    background-color: #f54141!important;
    border-color: #500101!important;
}

// smaller blovk titles
.blocktitle {
    height: 60px !important;                /* default height=75px */
    padding-top: 3px !important;                    /* center text for new height */
}


// smaller space around blocks
.transbg[class*="col-xs"] {
  border: 3px solid rgba(255,255,255,0);            /* border: 7px -> 3px - Smaller space between blocks */
}

// larger bulb
.far.fa-lightbulb:before{
    font-size: 24px;
}

.fas.fa-lightbulb:before{
    font-size: 24px;
}

// trash
.trash .state div.trashrow {
    font-size: 12px;
}

.trash .state div.trashtoday {
    font-size: 16px;
}

.trash .state div.trashtomorrow {
    font-size: 14px;
}


// colored bulbs
.fas.fa-lightbulb {
   color:#F1C300;
}
.far.fa-lightbulb {
   color:#fff;
}

// no bullets
.swiper-pagination-bullet {
    display: none !important
}


[/quote]

[HansieNL]

// is not allowed a css comment.
Use /* ... */ instead.

[EdwinK]

Hmm..
that easy. And i had the examples in front of me. Never to old to learn (it again), I guess