Open z0nk opened 10 years ago
Is this project even active?
The icon is large, so it pushes the text below. You are also possibly missing a color on your body tag that Font Awesome inherits. Specify a colour for the icon.
I started using this skin today and ran into the same idea. Here's a quick and dirty way to combine Font Awesome with tiles:
Add the following css class to your style sheets:
.tile-icon {
color: white;
line-height: 125px;
font-size: 80px;
}
and write your iconized tiles like this
<ul class="thumbnails">
<li class="span3 tile tile-red">
<a href="#" title="Upload a new document">
<i class="tile-icon icon-upload"></i>
</a>
</li>
</ul>
I extended your solution a little to add some text under the icon:
for css: (this is stylus-style)
.tile-icon
margin 20px
color white
line-height 100px
font-size 60px
.small-tile-description
font-size 12px
color white
and the html output
<ul class="thumbnails">
<li class="span3 tile tile-red">
<a href="#" title="My Title">
<i class="tile-icon icon-group"></i>
<div class="small-tile-description">My Title</div>
</a>
</li>
</ul>
but maybe there will be a better solution from the developers here ;)
Unfortunately, we no longer have the time to work on this project. This means that bugs will not be fixed and features will not be added unless someone else does so.
If you're interested in fixing up metro-bootstrap, please reply to this GitHub issue (#65).
Thank you for your support.
Hi, I am trying to use the Font-Awesome-icons in the tiles. this is my code:
the issue is that there is no text visible and the icon is only visible if there is a mouse-hover event. what am i doing wrong?