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

Full width breadbox

Bram

Well-known member
#1
I am currently running a leaderboard ad on my custom forum style. On all the pages of the forum it centers nicely but on the on the index page the ad is squeezed by the sidebar.

Is it possible to make the breadbox (?) full width on the index page as well,?

So the index page will look like this:

Header full width
Navbar full width
Breadcrumbs full width
Breadbox with ad full width
Forums relative | Sidebar

Hope that made any sense :D
 

Jake Bunce

XenForo moderator
Staff member
#2
Admin CP -> Appearance -> Templates -> PAGE_CONTAINER

Move the red code as indicated:

Code:
<div id="content" class="{$contentTemplate}">
	<div class="pageWidth">
		<div class="pageContent">
			<!-- main content area -->
			
			<xen:hook name="page_container_content_top" />
			
			MOVE RED CODE HERE

			<xen:if is="{$sidebar}">
				<div class="mainContainer">
					<div class="mainContent"></xen:if>
						
						<xen:include template="ad_above_top_breadcrumb" />
						
						<xen:hook name="page_container_breadcrumb_top">
						<div class="breadBoxTop">
							<xen:if is="{$topctrl}"><div class="topCtrl">{xen:raw $topctrl}</div></xen:if>
							<xen:include template="breadcrumb"><xen:set var="$microdata">1</xen:set></xen:include>
						</div>
						</xen:hook>
						
						<xen:include template="ad_below_top_breadcrumb" />
					
						<xen:hook name="page_container_notices">
						<xen:include template="notices" />						
						</xen:hook>
						
						<xen:hook name="page_container_content_title_bar">
						<xen:if is="!{$noH1}">
Now the breadcrumbs will be full-width on sidebar pages:

Screen shot 2012-03-20 at 3.37.41 AM.png
 

Allan

Well-known member
#6
Hi Jake, thank you for this modification (y)

I found little issue, the sidebar is shifted 10px down:

Screenshot_1.png

Do you have an idea to problem ?
 

Allan

Well-known member
#7
Fix:

Code:
.PanelScroller .scrollContainer, .PanelScrollerOff .panel {
margin-top: 0 !important;
}
.section:first-child {
margin-top: 0;
}