XF 2.1 Hide share icon

[Ozzy47]

In post_macros we have this:

    <li>
                                <a href="{{ link('threads/post', $thread, {'post_id': $post.post_id}) }}"
                                    data-xf-init="share-tooltip" data-href="{{ link('posts/share', $post) }}"
                                    rel="nofollow">
                                    <xf:fa icon="fa-share-alt"/>
                                </a>
                            </li>

Question I have is how to hide the "fa-share-alt" icon by adding something to extra.less?

 

[Ozzy47]

So this is something that can not be done?

 

[Tealk]

Do you just want to hide the icon or the whole button?

 

[Ozzy47]

The whole thing.

 

[Ehren]

This will work, but just test it thoroughly. It's sometimes risky using the nth-child selectors but it's the only solution in this case since the list items don't have unique class names.

.message-attribution-opposite--list li:nth-last-child(3){
    display: none;
}

 

[Ozzy47]

I’ll try it when I get home.

 

[Case]

[data-xf-init="share-tooltip"] {
    display: none !important;
}

Should work as well.

 

[Tealk]

Dont use !important; tag

Using !important in your CSS usually means you're narcissistic & selfish or lazy.

To view this content we will need your consent to set third party cookies.
For more detailed information, see our cookies page.

Accept third party cookies

 

[Case]

Meh. Whilst true, you'd have to in this case... or edit the core css... or use Erhen's solution.

 

[Tealk]

.message-attribution-opposite--list a[data-xf-init="share-tooltip"] {
    display: none;
}

and so you don't have to use !important; @Case

@Ehren's method could cause problems with other add-ons.