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

XF 1.2 Shadow CSS login tab

Discussion in 'Styling and Customization Questions' started by tommydamic68, Oct 5, 2013.

  1. tommydamic68

    tommydamic68 Well-Known Member

    How do I get the shadow around the login tab like on Xenforo?

  2. Jake Bunce

    Jake Bunce XenForo Moderator Staff Member

    In the default style that is defined here:

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

    #loginBar #loginBarHandle
    	@property "loginBarHandle";
    	font-size: 11px;
    	color: @primaryLightest;
    	background-color: @primaryDarker;
    	padding: 0 10px;
    	margin-right: 20px;
    	border-bottom-right-radius: 10px;
    	border-bottom-left-radius: 10px;
    	position: absolute;
    	right: 0px;
    	bottom: -20px;
    	text-align: center;
    	z-index: 1;
    	line-height: 20px;
    	box-shadow: 0px 2px 5px @primaryDarker;
    	@property "/loginBarHandle";
    Or via the style property interface:

    Admin CP -> Appearance -> Style Properties -> Login Bar -> Handle
    tommydamic68 likes this.
  3. tommydamic68

    tommydamic68 Well-Known Member

Share This Page