search

bootflat / bootflat.github.io

BOOTFLAT is an open source Flat UI KIT based on Bootstrap 3.3.0 CSS framework. It provides a faster, easier and less repetitive way for web developers to create elegant web apps.
http://bootflat.github.io
MIT License
4.25k stars 432 forks source link

Checkbox images not showing #58

Open juanchristian opened 10 years ago

juanchristian commented 10 years ago

I added the following lines to my code in the according places:

<link rel="stylesheet" href="https://bootflat.github.io/bootflat/css/bootflat.min.css"> <script src="https://bootflat.github.io/bootflat/js/icheck.min.js"></script> <script src="https://bootflat.github.io/bootflat/js/jquery.fs.selecter.min.js"></script> <script src="https://bootflat.github.io/bootflat/js/jquery.fs.stepper.min.js"></script>

But when I try to use the checkbox <input class="icheckbox_flat" type="checkbox" name="quux[1]"> it shows the "normal" one, not flat.

On my root, I have the folder bootflat > img > check_flat > default.png

Image: https://i.imgur.com/J4rTQna.png

eskriett commented 10 years ago

This is due to the wrong path given in the bootflat.css and bootflat.min.css files, more specifically at the .icheckbox_flat, .iradio_flat selectors.

Change background: url("../bootflat/img/check_flat/default.png") no-repeat; to background: url("../img/check_flat/default.png") no-repeat;