centering forum icons

Sprinter · Mar 12th 2016

im curious on how i can center forum icons like this http://forumroot.com/index.php their the forum uses mybb but i want to center my forum icons not only horizontally but vertically as well

Sprinter · Mar 14th 2016

any help o_O ?

**Alexander Ebert** · Mar 14th 2016

This should do it:

Code

.wbbBoardList .wbbBoard {
	position: relative;

	.icon {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
	}
}

Sprinter · Mar 14th 2016

had no effect but the code below did exactly what i wanted but effected the subforums

Code

.icon {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

Sprinter · Mar 14th 2016

Code

.icon32 {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.icon32 did work but is it the correct way ?

edit: effected all the icons

Code

span.icon.icon32.icon-folder-close-alt {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

**Alexander Ebert** · Mar 14th 2016

Using .icon32 should do the job, at least it did in my test.

centering forum icons

Participate now!

Share