Full width breadbox

[Bram]

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

 

[Jake Bunce]

Admin CP -> Appearance -> Templates -> PAGE_CONTAINER

Move the red code as indicated:

<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:

 

[Bram]

Jake you are the man! Thanks a million!

 

[rdn]

So how can we align the visitor panel tab with the forum list?

 

[Jake Bunce]

So how can we align the visitor panel tab with the forum list?

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

Add this:

.forum_list .sidebar
{
	margin-top: 20px;
}

Adjust margin as needed to get desired alignment.

 

[Allan]

Hi Jake, thank you for this modification

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



Do you have an idea to problem ?

 

[Allan]

Fix:

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