Jump to content

Custom member rank pips


Cedric V

Recommended Posts

Opentype is correct that you can’t directly replace the pip but you can I believe use CSS to replace it with your custom image.

Im not at my PC at the moment to get you exact CSS but I’m pretty sure you can do it. If someone else doesn’t post the CSS answer first I’ll post it for you later today (as long as I’m correct)

Link to comment
Share on other sites

14 minutes ago, opentype said:

Don’t go that route. Just create the necessary images to represent “one dot”, “two dots”, “three dots” and so on and upload them in the ACP. You do not need to mess with the code. 

Why not? I have a completely custom theme for my forum and already customized the default avatar class. Now all I need to customize is the pips, so would rather change the css then go make 15 images of different pips.

Link to comment
Share on other sites

50 minutes ago, opentype said:

It is using FontAwesome already. A simple override of the symbol (and not with an image) would be:


.ipsPip::before {
    content: '\f113';
}

 

It's the same CSS to replace it with an image instead. The only difference is you change it this:

.ipsPip::before {
    content: url(URLTOIMAGE);
}

Just make sure the image is the right size.

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...