What's New in Nerd Glasses
Ted @ Crowdstack
-
Tips❤️Crowdstack contains several icon based menu items and there are times when you may want to replace the icon with text to make the action more clear. For this tip I will be focusing on the search menu item: Each menu item is represented in the DOM using a li -> a, and the items with a icon will contain a i (icon) within the a (anchor). Since I want to customize the search icon I will use a DOM inspector, in this case the one built into chrome to look at that magnifying glass icon used for...
-
Blog Post CommentLunettes de Nerd! Love the changes...except... I'm gonna keeeeeeelll you! 2 days before opening...and now I've gotta load a gazillion avatars...and rebuild all my menus...cuz...I already made custom ones that do the same thing I'm gonna need a whole bunch of Lunettes de Nerd so I don't go blind Actually...all in good fun...Great Job!
-
Topic Reply❤️Neil, I'll add to this. Instead of the magnifying glass in the header, I have the word "SEARCH" spelled out. Makes it more noticeable, IMO. Here is the code: /* turn icon into "SEARCH" in top header*/ .h-search i.fa { font: inherit; -webkit-font-smoothing: inherit; -moz-osx-font-smoothing: inherit; } .h-search i.fa-fw { width: auto; } .h-search i.fa-search:before { content: "Search"; }
-
Topic ReplyThanks Bradley. You'd THINK that visitors would know what a magnifying glass means! ...but alas. Could you also add your site's URL to your post? Some of us might find some other interesting customizations to "inspect"
-