XF 2.2 How to hide/remove the name and creation date under the thread title?

Solution
You can use the browser inspector (F12, then Console tab) to work out what to target.

Identify the template name - in this case forum_view.

1602950370368.png


Then identify the specific element - structItem-parts.

1602950433548.png.


Then create the code to remove it from the template.

Less:
[data-template="forum_view"]
{
    .structItem-parts
    {
        display: none;
    }
}


Further changes may be required to make things line up properly, etc.
You can use the browser inspector (F12, then Console tab) to work out what to target.

Identify the template name - in this case forum_view.

1602950370368.png


Then identify the specific element - structItem-parts.

1602950433548.png.


Then create the code to remove it from the template.

Less:
[data-template="forum_view"]
{
    .structItem-parts
    {
        display: none;
    }
}


Further changes may be required to make things line up properly, etc.
 
Solution
You can use the browser inspector (F12, then Console tab) to work out what to target.

Identify the template name - in this case forum_view.

View attachment 237784


Then identify the specific element - structItem-parts.

View attachment 237785.


Then create the code to remove it from the template.

Less:
[data-template="forum_view"]
{
    .structItem-parts
    {
        display: none;
    }
}


Further changes may be required to make things line up properly, etc.
Well thank you for the explanation. This helps! I learned a bit more and i see now how i can do these things on my own. One last question regarding this then. I cant seem to find the correct class name to remove the dots that appear between username and creation date (on thread view template under the title). How do i remove those?
chrome_XBJDRy31BM_LI.webp
 
You can use the browser inspector (F12, then Console tab) to work out what to target.

Identify the template name - in this case forum_view.

View attachment 237784


Then identify the specific element - structItem-parts.

View attachment 237785.


Then create the code to remove it from the template.

Less:
[data-template="forum_view"]
{
    .structItem-parts
    {
        display: none;
    }
}


Further changes may be required to make things line up properly, etc.
Thanks man, this works perfectly.
Didn't need to do any additional changes at all either.
 
Back
Top Bottom