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

Post new thread button - discussion list

Neil E.

Active member
#1
I really like the upper post new thread button location at the end of the top breadcrumb. I want the lower button done the same way, but the code is quite different so I don't know how to achieve this. Any suggestions on how to get the lower post new thread button at the end of the bottom breadcrumb?

xenforo57.jpg
 

Jake Bunce

XenForo moderator
Staff member
#2
Admin CP -> Appearance -> Templates -> EXTRA.css

Add this code:

Code:
.breadBoxBottom .topCtrl
{
	margin-left: 5px;
}

.forum_view .pageNavLinkGroup .callToAction
{
	display: none;
}
Admin CP -> Appearance -> Templates -> PAGE_CONTAINER

Add the red code:

Code:
			<xen:hook name="page_container_breadcrumb_bottom">
			<div class="breadBoxBottom">
				<xen:if is="{$topctrl}"><div class="topCtrl">{xen:raw $topctrl}</div></xen:if>
				<xen:include template="breadcrumb" />
			</div>
			</xen:hook>
 

Neil E.

Active member
#3
I'm totally blown away by how many views this topic has generated.

Once again, Jake is right on the money, however it didn't go well for me.
1) Page_Container edit via TMS - no problem.
2) .breadBoxBottom .topCtrl {margin-left: 5px;} via EXTRA - total failure, would not apply
- I had a 5px gap on the top button and no gap on the bottom button
- Added some space via style properties (call to action button container) and got added space on both buttons (as expected)
- tried EXTRA to add a minus margin to the top button - no luck
- had a look at the breadcrumb template and noticed both breadboxes were styled together
- broke the styling up in EXTRA using the identical format - OK this works

from the original template
.breadBoxTop,
.breadBoxBottom
{
@property "breadBox";
padding: 10px 5px;
margin: 0 -5px;
overflow: hidden;
zoom: 1;
clear: both;
@property "/breadBox";
}
new in EXTRA
.breadBoxTop
{
padding: 10px 5px;
margin: 0 -5px;
overflow: hidden;
zoom: 1;
clear: both;
}

.breadBoxBottom
{
padding: 0px 5px 0px 5px;
margin: 0 -5px;
overflow: hidden;
zoom: 1;
clear: both;
}
.breadBoxBottom .topCtrl
{
margin-left: 5px !important;
}
.forum_view .pageNavLinkGroup .callToAction
{
display: none;
}
Once this was done EXTRA would handle .breadBoxBottom .topCtrl just fine.
When I separated the breadbox code I also added a small padding change.

One more oddity:
.forum_view .pageNavLinkGroup .callToAction {display: none;} only works if it is located AFTER .breadBoxBottom .topCtrl in EXTRA (does nothing if located before). I don't know how I can be so good at creating these funky conditions when doing simple code changes.

Thank you Jake for all your help, it is much appreciated.
 

tommydamic68

Well-known member
#5
I really like the upper post new thread button location at the end of the top breadcrumb. I want the lower button done the same way, but the code is quite different so I don't know how to achieve this. Any suggestions on how to get the lower post new thread button at the end of the bottom breadcrumb?

View attachment 33358
Admin CP -> Appearance -> Templates -> EXTRA.css

Add this code:

Code:
.breadBoxBottom .topCtrl
{
    margin-left: 5px;
}

.forum_view .pageNavLinkGroup .callToAction
{
    display: none;
}
Admin CP -> Appearance -> Templates -> PAGE_CONTAINER

Add the red code:

Code:
            <xen:hook name="page_container_breadcrumb_bottom">
            <div class="breadBoxBottom">
                <xen:if is="{$topctrl}"><div class="topCtrl">{xen:raw $topctrl}</div></xen:if>
                <xen:include template="breadcrumb" />
            </div>
            </xen:hook>
I would like to se the button in a more "noticeable" area. It could be had to find with people who are not forum savvy. Would love to know how to move its here:

Screen Shot 2014-02-16 at 4.57.57 AM.png


But the top bread crumb would have to be resized like below after the move I guess?

Screen Shot 2014-02-16 at 4.58.37 AM.png
 
#6
Admin CP -> Appearance -> Templates -> PAGE_CONTAINER

Add the red code:

Code:
            <xen:hook name="page_container_breadcrumb_bottom">
            <div class="breadBoxBottom">
                <xen:if is="{$topctrl}"><div class="topCtrl">{xen:raw $topctrl}</div></xen:if>
                <xen:include template="breadcrumb" />
            </div>
            </xen:hook>
Thanks I was looking for this like crazy, had it pre-1.3 and forgot how I did it.
I added it to the top/bottom breadcrumb.