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

Change : Log in or Sign up Bubble Color

Discussion in 'XenForo Questions and Support' started by SnG, Dec 13, 2010.

  1. SnG

    SnG Member

    Anyone know where I can find the code for the Log in or Sign up Bubble on top of the page? I want to change the color of that bubble.
     
  2. Brogan

    Brogan XenForo Moderator Staff Member

    That's #loginBar #loginBarHandle in login_bar.css
     
  3. Jake Bunce

    Jake Bunce XenForo Moderator Staff Member

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

    This is for the whole login form once it's expanded (at the top of the template):

    Code:
    #loginBar
    {
    	background-color: @primaryDarker;
    	color: @primaryLighter;
    	border-bottom: 1px solid @primaryLightish;
    	position: relative;
    	z-index: 1;
    }
    
    This is for the handle (at the bottom of the template):

    Code:
    #loginBar #loginBarHandle
    {
    	position: absolute;
    	right: 0px;
    	bottom: -20px;
    	text-align: center;
    	z-index: 1;
    	padding: 0 10px;
    	font-size: 11px;
    	border-bottom-left-radius: 10px;
    	border-bottom-right-radius: 10px;
    	margin-right: 20px;
    	line-height: 20px;
    	background-color: @primaryDarker;
    	box-shadow: 0px 2px 5px @primaryDarker;
    	color: @primaryLightest;
    }
    
    edit - Brogan wins :p
     
    SnG likes this.
  4. Brogan

    Brogan XenForo Moderator Staff Member

    I did the short version though ;)
     

Share This Page