Can Style Selector Be Moved?


Well-known member
When you click on your name at the top right it gives you all your options. We can access Style by clicking on Preferences. Is there a way to make Style selectable from this pop-up box instead of having to go to the Preferences page? As in clicking 'Change Style' and the pop-up box for user-selectable styles show up as when we do it when we click on the style selector at the bottom of the site?

Jake Bunce

XenForo moderator
Staff member
Edit this template:

Admin CP -> Appearance -> Templates -> navigation_visitor_tab

Add the red code:

Rich (BB code):
	<!-- account -->
	<li class="navTab account Popup PopupControl PopupClosed {xen:if $tabs.account.selected, 'selected'}">
		<a href="{xen:link account}" class="navLink accountPopup" rel="Menu"><strong>{$visitor.username}</strong></a>
		<div class="Menu JsOnly" id="AccountMenu">
			<div class="primaryContent menuHeader">
				<xen:avatar user="$visitor" size="m" class="NoOverlay plainImage" title="{xen:phrase view_your_profile}" />
				<h3><a href="{xen:link members, $visitor}" class="concealed" title="{xen:phrase view_your_profile}">{$visitor.username}</a></h3>
				<xen:if hascontent="true"><div class="muted"><xen:contentcheck>{xen:helper usertitle, $visitor}</xen:contentcheck></div></xen:if>
				<ul class="links">
					<li class="fl"><a href="{xen:link members, $visitor}">{xen:phrase your_profile_page}</a></li>
			<xen:if is="{$canChangeStyle}">
			<div class="secondaryContent">
				{xen:phrase style_chooser}: <a href="{xen:link 'misc/style', '', 'redirect={$requestPaths.requestUri}'}" class="OverlayTrigger Tooltip" title="{xen:phrase style_chooser}">{$visitorStyle.title}</a>
			<div class="menuColumns secondaryContent">
				<xen:hook name="navigation_visitor_tab_links1">
				<ul class="col1 blockLinksList">
					<li><a href="{xen:link account/personal-details}">{xen:phrase personal_details}</a></li>
					<li><a href="{xen:link account/contact-details}">{xen:phrase contact_details}</a></li>
					<li><a href="{xen:link account/preferences}">{xen:phrase preferences}</a></li>
					<li><a href="{xen:link account/alert-preferences}">{xen:phrase alert_preferences}</a></li>
					<li><a href="{xen:link account/privacy}">{xen:phrase privacy}</a></li>
					<xen:if is="{$canEditSignature}"><li><a href="{xen:link account/signature}">{xen:phrase signature}</a></li></xen:if>
					<xen:if is="{$canUploadAvatar}"><li><a href="{xen:link account/avatar}" class="OverlayTrigger" data-cacheOverlay="true">{xen:phrase avatar}</a></li></xen:if>
The result:

Screen shot 2011-10-25 at 9.52.27 PM.png

You can edit the footer template if you want to remove the original chooser at the bottom of the page.