XF 2.1 Remove avatars alongside thread list

[JamesAus]

I've seen some really old threads on this, but is there a way now to remove avatars alongside the thread list?

 

[Mr Lucky]

Try this in your style template extra.less

.structItem-cell.structItem-cell--icon

{display:none}

OR just

.structItem-cell--icon

{display:none}

 

[Paul B]

Conditional statements of that nature don't work in less templates.

Instead you would use something like this:

[data-container-key="node-2"],
[data-container-key="node-4"],
[data-container-key="node-8"]
{
    .structItem-cell.structItem-cell--icon
    {
        display: none;
    }
}

 

[JamesAus]

Thanks mate - what's the difference between the two?

 

[Mr Lucky]

Just tested, seems like there is no difference in the result, so I'd use the second as its simpler.

 

[Mr Lucky]

And if you want it only in thread list but not in new posts I think you do this:

create a custom template in your style call it e..g. custom_hide_avatar.less

Add the code to that instead of extra.less

And add that to forum_view template:

<xf:title page="{$page}">{$forum.Node.title}</xf:title>
<xf:description>{$forum.Node.description|raw}</xf:description>

<xf:css src="structured_list.less" />
<xf:css src="custom_hide_avatar.less" />

This should hide from thread list only

 

[JamesAus]

Thanks very much, appreciate it.

 

[gogo]

Try this in your style template extra.less

.structItem-cell.structItem-cell--icon

{display:none}

OR just

.structItem-cell--icon

{display:none}

Is it possible to make this not applying to certain forums?

 

[Mr Lucky]

Is it possible to make this not applying to certain forums?

Yes, you can use a conditional statement, more on that here:

Unmaintained - Conditional Statements for XenForo 2

Conditional Statements for XenForo 2 The conditional statements can be expanded by using AND, OR conditional statements operators and using xf:if, xf:else, xf:elseif. If there are any conditional statements that you want to add, please add it...

xenforo.com

 

[Mr Lucky]

re: other post, try adding this for padding on mobile:

@media (max-width: @xf-responsiveMedium)
{
.structItem-title,.structItem-minor,.structItem-cell.structItem-cell--meta
{padding-left:10px}
}

 

[JamesAus]

re: other post, try adding this for padding on mobile:

@media (max-width: @xf-responsiveMedium)
{
.structItem-title,.structItem-minor,.structItem-cell.structItem-cell--meta
{padding-left:10px}
}

Thanks very much - assume there's something different for padding on desktop?

 

[Mr Lucky]

Thanks very much - assume there's something different for padding on desktop?

Yes, this issue only occurs on smaller browsers, I should have checked on mobile.

This fix seems to work though.

 

[JamesAus]

Yes, this issue only occurs on smaller browsers, I should have checked on mobile.

This fix seems to work though.

Sure - thanks. How could I pad out the thread titles themselves in the thread listing after the avatar is removed?

 

[Mr Lucky]

Sure - thanks. How could I pad out the thread titles themselves in the thread listing after the avatar is removed?

Title padding

.structItem-title

{padding-left:100px!important}

 

[JamesAus]

Thanks @Mr Lucky, is it possible to pad the next line down too?

 

[Mr Lucky]

It should just be a matter of increasing the padding from 10px (in the code above) to what you need it to be

 

[JamesAus]

It should just be a matter of increasing the padding from 10px (in the code above) to what you need it to be

I did actually, and the above is the result. It did the padding for the thread title, but not the line below it.

 

[Mr Lucky]

I'm not quite sure what you want. I'm a bit confused now.

I thought you mentioned above padding for titles:

Sure - thanks. How could I pad out the thread titles themselves in the thread listing after the avatar is removed?

 

[JamesAus]

I'm not quite sure what you want. I'm a bit confused now.

I thought you mentioned above padding for titles:

Sorry for the confusion. Does this image help?

 

[Mr Lucky]

Both have padding title is 100px, lower line is 10px. I gave you the padding code for the title because you asked for the title. In the code I used 100px purely as an example, obviously you can set that how you want, as you can with the padding for the lower bit.

They both have padding, just that one is 100px and one is 10 px. Those were only examples you change to suit what you want.

 

[JamesAus]

Both have padding title is 100px, lower line is 10px. I gave you the padding code for the title because you asked for the title. In the code I used 100px purely as an example, obviously you can set that how you want, as you can with the padding for the lower bit.

They both have padding, just that one is 100px and one is 10 px. Those were only examples you change to suit what you want.

Sure, I was using:

.structItem-title

{padding-left:100px!important}

and I was thinking there was another code for that 10px?