• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

'New post' tag misaligned

Garamond

Well-known member
#1
After some style-adjustments, the tag for new posts are misaligned - and I can't find where to reverse it to the correct position.

newpost.png

Can someone help me out here?
 

Jake Bunce

XenForo moderator
Staff member
#2
This is the relevant CSS for that "New" flag:

Admin CP -> Appearance -> Templates -> message.css

Code:
	.message .newIndicator
	{
		@property "messageNewIndicator";
		font-weight: bold;
		font-size: 10px;
		color: @contentBackground;
		background: @primaryLight url('@imagePath/xenforo/gradients/category-23px-light.png') repeat-x top;
		padding: 1px 5px;
		margin: -5px -5px 5px 5px;
		border: 1px solid @primaryLight;
		border-radius: 3px;
		border-top-right-radius: 0px;
		display: block;
		float: right;
		position: relative;
		box-shadow: 1px 1px 3px rgba(0,0,0, 0.25);
		@property "/messageNewIndicator";
		
		margin-right: -{xen:calc '@content.padding-right + 5'}px;
	}
You can modify the last line (margin-right) to affect the position.