Missing navigation icons

[tropicsbear]

I'm using a customized layout for Tabula Rasa where the navigation links have been replaced by icons in a sidebar. The icons aren't displaying anymore and I haven't been able to get them to show up because my CSS knowledge is super basic orz

Here's the specific bit of the code that deals with the navigation links:

@media (min-width:800px) { .module-navlinks li a { font-size:0; width:30px; height:30px; padding:0; background-position:center center; background-color:#e2fff0; background-repeat:no-repeat; } a.recent { background:url(https://i.imgur.com/SMyqGLL.png); } a.archive { background:url(https://i.imgur.com/JQ7cyO5.png); } a.read { background:url(https://i.imgur.com/1NhbQQP.png); } a.network{ display:none!important; } a.tags { background:url(https://i.imgur.com/JP56zdx.png); } a.memories { background:url(https://i.imgur.com/JHirNcW.png); } a.userinfo { background:url(https://i.imgur.com/EnepOK1.png); } a.recent:after { content: "Recent entries"; } a.archive:after { content: "Archive"; } a.read:after { content: "Reading"; } a.tags:after { content: "Tags"; } a.memories:after { content: "Memories"; } a.userinfo:after { content: "Profile"; } .module a:after { left:45px; } }

Thanks in advance!

Comments

[momijizukamori]

Oh oops, that's a result of the change to the nav module classes. Try this:

@media (min-width:800px) { .module-navlinks li a { font-size:0; width:30px; height:30px; padding:0; background-position:center center; background-color:#e2fff0; background-repeat:no-repeat; } .list-item-recent a { background:url(https://i.imgur.com/SMyqGLL.png); } .list-item-archive a { background:url(https://i.imgur.com/JQ7cyO5.png); } .list-item-read a { background:url(https://i.imgur.com/1NhbQQP.png); } .list-item-network{ display:none!important; } .list-item-tags a { background:url(https://i.imgur.com/JP56zdx.png); } .list-item-memories a { background:url(https://i.imgur.com/JHirNcW.png); } .list-item-userinfo a { background:url(https://i.imgur.com/EnepOK1.png); } .list-item-recent a:after { content: "Recent entries"; } .list-item-archive a:after { content: "Archive"; } .list-item-read a:after { content: "Reading"; } .list-item-tags a:after { content: "Tags"; } .list-item-memories a:after { content: "Memories"; } .list-item-userinfo a:after { content: "Profile"; }

[tropicsbear]

Worked like a charm! Thanks~