MyBB Community Forums

I'm having a strange issue with two myBB forums I am working on. Both started in version 1.8.6, and the one I have upgraded to 1.8.7 still has the same issue.

In both cases, the Thread Tools icons appeared normal until I edited any of the thread tools stylesheets in mytheme > showthread.css. I tried changing the color of the text in .thread_tools a and made the text bold in ul.thread_tools, ul.thread_tools li.

The moment I make either of these changes, the icons are doubled. Normally, the icons appear just to the left of the text describing the thread tools ("View a Printable Version", etc.). Now, a second set of icons appears to the left of those icons. And the new set of icons also has both the subscribe and unsubscribe buttons

[attachment=35961]

Even if I remove the changes to the stylesheet, the doubled icons remain. The only way I could get rid of them was to remove the following text from ul.thread_tools, ul.thread_tools li:

background-image: url(images/showthread_sprite.png);

background-repeat: no-repeat;

Though the leftmost icons are gone, there are now bullet points in their place.

[attachment=35962]

Any idea how to remove them so that the Thread Tools will display normally again?

showthread.css of the theme has duplicated properties for element ul.thread_tools li

you can remove the second one and save the style sheet

ul.thread_tools li {
	padding-left: 24px;
	padding-bottom: 4px;
	margin-bottom: 3px;
	font-size: 11px;
	background-image: url(images/showthread_sprite.png);
	background-repeat: no-repeat;
}

Thanks .m.! ul.thread_tools li was indeed duplicated so I removed the second one. However the Thread Tools are still displaying duplicated icons.

Any ideas?

My showthread.css now contains:

ul.thread_tools,

ul.thread_tools li {
	padding-left: 24px;
	padding-bottom: 4px;
	margin-bottom: 3px;
	background-image: url(images/showthread_sprite.png);
	background-repeat: no-repeat;
	
	font-size: 11px;
	font-weight: bold;
}

ul.thread_tools li.printable {
	background-position: 0 0;
}

ul.thread_tools li.sendthread {
	background-position: 0 -20px;
}

ul.thread_tools li.subscription_add {
	background-position: 0 -40px;
}

ul.thread_tools li.subscription_remove {
	background-position: 0 -60px;
}

ul.thread_tools li.poll {
	background-position: 0 -80px;
}

.showthread_spinner {
	width: 100%;
	margin: 0 auto;
	display: block;
	text-align: center;
	padding: 20px;
}

.thread_tools a {
color: #FFD70F !important;
}

^ oh, also remove the starting line ul.thread_tools,

Thanks, I removed that line, but the bullets are still appearing to the left of the icons.

My theme is based on the default theme, using the "earth" color selection. I've looked through it and could not find anything obvious to me, but could color_earth.css be interfering?

ul.thread_tools li {
	padding-left: 24px;
	padding-bottom: 4px;
	margin-bottom: 3px;
	background-image: url(images/showthread_sprite.png);
	background-repeat: no-repeat;
	
	font-size: 11px;
	font-weight: bold;
}

ul.thread_tools li.printable {
	background-position: 0 0;
}

ul.thread_tools li.sendthread {
	background-position: 0 -20px;
}

ul.thread_tools li.subscription_add {
	background-position: 0 -40px;
}

ul.thread_tools li.subscription_remove {
	background-position: 0 -60px;
}

ul.thread_tools li.poll {
	background-position: 0 -80px;
}

.showthread_spinner {
	width: 100%;
	margin: 0 auto;
	display: block;
	text-align: center;
	padding: 20px;
}

.thread_tools a {
color: #F8E8A2 !important;
}

^ you can add list-style: none; property for ul.thread_tools li {

ul.thread_tools li {list-style: none;
__________ other properties .... 

Thanks, that worked! :3