Having overlapping issues

Are your referring to this image overlapping?

No, the descripton of the categories and the category titles

Please don't double post. Your posts need to be separated by 24 hours before bumping. Please use the edit button, instead! Please read our forum rules: ESF General Rules

third warning

it is not viewable for quests so we can not inspect it

3rd warning? that's the 1st one and I didn't mean to double post sorry

@SpyroDragon, would you be able to send me a test account (doesn't need to have Admin rights). It seems all but 1 of your sections are hidden to guests and I need to be able to view the ones with the problem through dev tools to try and fix it for you.

-Brandon

SpyroDragon wrote:3rd warning? that's the 1st one and I didn't mean to double post sorry

hello
it was the third warning generally (from your profile posts history)
it was a reminder, everything is ok

I made everything public @brandon_g

Ok I found the problem, either you or the forum had set one of the element's position to absolute so it was maintaining it's position even if another element was in the same place.

Add this to your css stylesheet and it should fix it:

Code:

.forumline .row1.over .hierarchy {
position: unset;
}

Or if this was your css that caused it, if you simply remove the position: absolute from the same set of classes as my above css it will also solve the problem.

-Brandon

I've added this to the CSS , but the problem persist.

Clear your browser's history and cache.   Then check to see if the issue is still there.

Yes it is likely your cache cause when I view your forum now it no longer has that overlap:



-Brandon

That's because I removed the text that was causing it to overlap, ill re-add it so you can see the problem is still there


added it here - https://www.dragonforum.com/c1-dragon-forum

Categories do not have a description.  Do you mean forums?

Are you referring to the text overlapping?  If yes, I really do not see any overlapping?  Could you post a screenshot with the issue marked?

yea I guess

I edited my post.

When I check the dev tools that absolute element is still there. Try adding !important; after unset and see if it helps.

Code:

 .forumline .row1.over .hierarchy {
position: unset !important;
 }

Try adding it to the top of the css stylesheet as well and see if that helps.

It is weird it doesn't work if that css is indeed in the css stylesheet, because the second I add it to dev tools it fixes it for me.



The only other way to fix it would be using margin or padding, but the problem with doing it that way is that the ones that aren't overlapping would also be pushed down.

Putting the css to the way top fixed it
Thanks!
[Solved]