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

'New post' tag misaligned

Discussion in 'Troubleshooting and Problems' started by Garamond, Jul 17, 2011.

  1. Garamond

    Garamond Well-Known Member

    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?
     
  2. Jake Bunce

    Jake Bunce XenForo Moderator Staff Member

    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.
     

Share This Page