XF 2.x node icon with svg

maszd

cXF BRONZE
cXF Donor
Messages
96
Likes
40
#1
Hi @BassMan
currently iam use this code to change individual node icon with svg
CSS:
.node--id42 .node-icon i { display: none; }
.node--id42 .node-icon { background-image: url('./styles/ico/west.svg'); background-repeat: no-repeat; background-position: center; }
but its show like this:

2018-01-28_135424.png

how to make icon on forum 2 size and position same with forum 1 icon?
ps. iam attach sample icon iam use.

thanks before.
regards,
maszd
 

Attachments

BassMan

Staff member
Administrator
Messages
596
Likes
278
Website
www.customizexf.com
#2
Hi, maszd,

try with this one:
CSS:
.node--id42 .node-icon i { display: none; }
.node--id42 .node-icon { background-image: url('./styles/ico/west.svg'); background-repeat: no-repeat; background-position: center; background-size: contain; }
 

Welcome to customizeXF

We are running default XenForo style customized by cXF
Registration is free!