XF 2.0 How to remove attachment icons?

[Fastline]

By default, XF 2 uses a icon for the attachments, in black color. How can i remove that icon for the attachment of .zip files?
And is there any way to use custom icons there?

 

[Ozzy47]

There was a addon for XF1, https://xenforo.com/community/threads/itd-attachment-icons.81709/ perhaps @Mian Shahid can update it to work with XF2

 

[Fastline]

There was a addon for XF1, https://xenforo.com/community/threads/itd-attachment-icons.81709/ perhaps @Mian Shahid can update it to work with XF2

Yes, but need to wait.

 

[S Thomas]

Are we talking about this?

 

[Fastline]

Are we talking about this?

Yes, exactly, The Zipper doesn't looks good to me. So any way to change or remove this?

 

[S Thomas]

Add to extra.less

.attachment-icon[data-extension="zip"] i::before {
    content: "\f2b9";
}

You can find the icons here: https://fontawesome.com/v4.7.0/icons/
Click on a icon, then look for Unicode:

Replace f2b9 with the code shown on your selected icon page.

 

[Fastline]

Oh dear, where were you? I also created a separate thread but no one replied. Thank you!
What if i've to use my icons?

 

[S Thomas]

What are "your" icons? Images?

.attachment-icon[data-extension="zip"] i::before {
    content: '';
    width: 100px;
    height: 100px;
    background: url('path_to_image') no-repeat;
}

You might need to adjust width & height.

 

[Fastline]

What are "your" icons? Images?

.attachment-icon[data-extension="zip"] i::before {
    content: '';
    width: 100px;
    height: 100px;
    background: url('path_to_image') no-repeat;
}

You might need to adjust width & height.

You're damn good man
I like it!

 

[Fastline]

Just a question what if i need to replace the entire icons for all the extensions? Or simply want it to be the file names instead of those icons?

 

[S Thomas]

Remove the [data-extension="zip"] part.
File name makes no sense since it's shown in the line below. You could simply hide the icon with only adding content: ''; and nothing else.

 

[Fastline]

For the file names only, i wanted something like this.

 

[Fastline]

@S Thomas it works. I tested it. Thanks for this.

 

[Fastline]

Is there any way i can use XF 1 style of attachments in XF 2?

 

[Ozzy47]

Something like this perhaps?

 

[Fastline]

This is also good for me. But i do really like the previous attachment styles. The reason is it was clean, took less space and looked organised.

 

[Ozzy47]

Try this in your Extra.less, not sure about the XF1 way.

.attachment-icon[data-extension="zip"] i::before {
    content: '';
    background: none;
}

 

[Fastline]

Thanks. S Thomas mentioned it but i couldn't get it. Now it works. Will try to get the first style. Any way to show Attached Files: instead of Attachments?

 

[Fastline]

One issue though. It lefts space at bottom. How to remove that?

 

[Ozzy47]

Try editing the "attachments" phrase