adding custom forum icons question?

#1 · June 8, 2017, 12:30 am

if one doesn’t want to use the dashicons and would prefer to use our own images how does one do it?

#2 · June 8, 2017, 7:36 am

Hi hillbillybonez

img:

#af-wrapper div[id="forum-5"] .forum-dashicon:before {
content: "";
background: url(img/ooes1210.png);
}

Specify size, path to image

FontAwesome:

#af-wrapper div[id="forum-5"] .forum-dashicon:before {
content: "\f1e5";
font-family: FontAwesome;
}

🙂

usbport has reacted to this post.

#3 · December 13, 2018, 10:35 pm

cant get this to work, it only show blank screen, link img. is correct…

#af-wrapper div[id=”forum-21″] .forum-dashicon:before {
content: “”;
background: url(img/traktorikon.png);

Picture size is 30*30
have tried to make size 512 without luck

#4 · December 13, 2018, 11:24 pm

Quote from DKBjorn on December 13, 2018, 10:35 pm

cant get this to work, it only show blank screen, link img. is correct…

#af-wrapper div[id=”forum-21″] .forum-dashicon:before {
content: “”;
background: url(img/traktorikon.png);

Picture size is 30*30
have tried to make size 512 without luck

it’s fixed now