How to change login/signup button


Active member
How can I change the login/signup button

from this:


to this:


and create a little bit more space at the top.


Active member
Thanks, I'll check it out. :)

Was hoping not to bother Jake. He seems like he's everywhere at once. Don't know how he does it.


Active member
Neil. E. thank you for the links. However, I think it confuses what I want to do, since I'm not looking to do an overlay or move the login into the navbar. I want to replace the existing login with a button, position it level with the logo, as shown above, and still keep the current functionality.

Jake Bunce

XenForo moderator
Staff member
To add the button:

Admin CP -> Appearance -> Templates -> logo_block

Add the red code:

Rich (BB code):
<div id="logoBlock">
	<div class="pageWidth">
		<div class="pageContent">
			<xen:include template="ad_header" />
			<xen:hook name="header_logo">
			<div id="logo"><a href="{$logoLink}">
				<span><xen:comment>This span fixes IE vertical positioning</xen:comment></span>
				<img src="@headerLogoPath" alt="{$xenOptions.boardTitle}" />

			<xen:if is="!{$visitor.user_id}">
				<div style="width: 220px; float: right;">
				<label for="LoginControl" id="SignupButton">
				<a href="{xen:link login}" class="inner">{xen:if $xenOptions.registrationSetup.enabled, {xen:phrase log_in_or_sign_up}, {xen:phrase log_in}}</a>

			<span class="helper"></span>
To hide the current handle:

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

Add this code:

	display: none;