XF 2.0 node icon with svg

Currently reading:
XF 2.0 node icon with svg

maszd

cXF Pack C
cXF Pack B
cXF Donor
May 20, 2015
119
46
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

    You don't have permission to view attachments. Attachments are hidden.

BassMan

Staff member
Administrator
May 18, 2015
1,195
772
www.customizexf.com
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; }
 

Create an account or login to comment

You must be a member in order to leave a comment

Create account

Create an account on our community. It's easy!

Log in

Already have an account? Log in here.

Welcome to customizeXF

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

Search forums

Sticky sidebar

You'd like to have sticky sidebar on your forum? Click below.

Top