Simple Machines Community Forum

Customizing SMF => SMF Coding Discussion => Topic started by: truce. on September 22, 2021, 06:53:07 AM

Title: Custom title overlapping avatar?
Post by: truce. on September 22, 2021, 06:53:07 AM
Hey there! Apologies if this is vague, I'm a bit of a newbie so I'm not quite sure what I'm doing. I was wondering whether I could get some help with the placement of the custom title as it looks to be overlapping the avatar in threads. I think it may be because of the placement of the online icon as I believe it should beside the username rather than above it, but I'm not sure how to move it! I've attached an image showing what it looks like.

(https://i.imgur.com/N1tSv3q.jpg)

Any help would be appreciated, thanks ;D

Forum version: SMF 2.0.18
Title: Re: Custom title overlapping avatar?
Post by: Arantor on September 22, 2021, 07:45:59 AM
What theme are you using?

Normally the online indicator should be to the left rather than above the username and that's pushed the title down into the avatar.
Title: Re: Custom title overlapping avatar?
Post by: truce. on September 22, 2021, 11:08:13 AM
We're using Curve Minimal with modified stylesheets.

I'm not sure if this of any use but I tried "Admin > Features and Options > Layout > Show online/offline in posts and PMs" and unticked it, yet the absence of the online indicator didn't change the position of the title.
Title: Re: Custom title overlapping avatar?
Post by: Arantor on September 22, 2021, 11:48:39 AM
Link to site?
Title: Re: Custom title overlapping avatar?
Post by: truce. on September 22, 2021, 12:08:12 PM
www.bearbonesrp.com/index.php. The current theme on the site isn't the theme in question, though. The one with this issue is a new theme in the making to replace the current theme, but for some reason this new theme is pushing the title into the avatar. I could show the index.css stylesheets of the new theme via pastebin if that would be of any help?
Title: Re: Custom title overlapping avatar?
Post by: shadav on September 22, 2021, 12:19:55 PM
without being able to see the issue on your site, we can't really offer much help, other than guessing
can you set the overall theme to the one giving you issues long enough for one of us to see the problem and try to help fix it
Title: Re: Custom title overlapping avatar?
Post by: truce. on September 23, 2021, 06:03:34 AM
I've switched the default theme to the one giving me issues now! Hope that helps.
Title: Re: Custom title overlapping avatar?
Post by: Shambles on September 23, 2021, 11:44:41 AM
I'm no css expert but using the inspector tools I got to this:

(https://i.imgur.com/3g1sw3e.jpg)


I simply changed the -3 to 0 using the tool:

(https://i.imgur.com/A0Fg0zY.jpg)

(https://i.imgur.com/D12xeDB.jpg)

I couldn't see that setting in your index.css file but if you look for it you may find it in a template.
Title: Re: Custom title overlapping avatar?
Post by: shadav on September 23, 2021, 12:01:02 PM
yes you've hardcoded negative margins into your display.template.php
you will need to remove/change all of them
<li class="membergroup" style="margin-bottom: -3px"><li class="title" style="margin-bottom: -4px;">there maybe more but those are the 2 I saw anyways
in your display.template.php search for
margin-bottom: -and remove or change all of them
Title: Re: Custom title overlapping avatar?
Post by: truce. on September 23, 2021, 12:37:17 PM
That's fantastic, I've managed to get it to work now, thank you all so much!