Ah – I can see you have made your custom icons bigger than the defaults which explains the issue. So – can I assume you see this on both the group view (list of forums) and forum view (list of topics) ?

Yellow Swordfish said
Ah – I can see you have made your custom icons bigger than the defaults which explains the issue. So – can I assume you see this on both the group view (list of forums) and forum view (list of topics) ?

yes, what is the prescribed size? coz i also use it on reboot but it doesn’t overlap.

The default size is 50px x 50px

Reboot works in a different way to Unified. It is newer and takes advantage of more of the CSS3 opportunities with flex boxes. So it can be a little more dynamic.

You can still use bigger icons – you just need to make some theme adjustments, If you want to go ahead the first thing is to download the Unified Child Theme Framework. Install it into theSP themes folder. Then copy the overlay file you are using in Unified (/styles/overlays) to the same location in the child theme and then we can tell you what to change.

Yellow Swordfish said
The default size is 50px x 50px
Reboot works in a different way to Unified. It is newer and takes advantage of more of the CSS3 opportunities with flex boxes. So it can be a little more dynamic.
You can still use bigger icons – you just need to make some theme adjustments, If you want to go ahead the first thing is to download the Unified Child Theme Framework. Install it into theSP themes folder. Then copy the overlay file you are using in Unified (/styles/overlays) to the same location in the child theme and then we can tell you what to change.

okay, will do that first… thanks!

yellow-swordfish  done…

2 things I should have added.

1 – Rename the copied overlay file in the child theme to something unique. Open it for editing and then also change the name at top – change the existing color name to the new name you have given it.

2 – Then go to the forum admin > themes and set the child theme with your preferred overlay to be the one to use.

Meanwhile I will get the data you need to change. The change, by the way, is to the overlay file you have copied to your child theme.

okay, child theme and overlay activated…

OK – this sounds more complex than it is so bear with it! In your newly named overlay – quite near to the end – is a section marked ‘COLUMN WIDTHS FOR VIEWS’. Let’s take the Group View and work through that.

The Group View has 4 columns. You an see 4 blocks ($ColGroup_1, $ColGroup_2, $ColGroup_3 and $ColGroup_4). And multiple entries for each one. Each entry relates to a display width. This is so the display will work on everything from a desktop PC down to a mobile phone with the minimum supported display being 360px wide.

So let’s start with the desktop PC. These are the entries with a zero ($ColGroup_1[0]). And it is this one that controls the width given for the avatar column. Currently set at 6% then try it at 7%. However – you have to remember that all of the columns must not exceed 100%. actually – to be safe I would make that 99% or even 98%.

When you have that as you want tio then you might want to then also change the width settings on smaller width devices.

Then below that – you will see the forum view blocks which work the same way.

I hope this all makes sense! It really is not as difficult as it sounds once you make a start. and if you go wrong then you can always go back and start again of course,

Make sure that in the forum admin > options > the option to combine and cache CSS is turned off and remember that you may sometimes have to clear your browser cache for these changes to take effect,

and the good news, of course, is that fixture updates to the theme will not overwrite your changes.

i did it, thanks @yellow-swordfish !

one last follow-up question for this topic. is it possible to insert a “by” in the “Last Post” of the main page and in forum view? 

Assuming you have the child theme set up, you would need to copy in the template ‘spGroupView.php’ from Unified’s templates folder to your child themes templates folder.

Then if you locate the function sp_ForumIndexLastPost on line 121 – You should see two phrases in brackets. The first is the label and the second is the tooltip, so just add a ‘By’ on the end of the first phrase so it should appear:

sp_ForumIndexLastPost('tagClass=spInRowPostLink spLeft&nicedate=1&date=0&time=0&stackdate=0&itemBreak= - ', __sp('Last Post By'), __sp('No Topics'));

thanks for the guidance @yellow-swordfish & @ike – got what i wanted. 

Good news. Glad you saw it through!