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

Full width breadbox

Discussion in 'Styling and Customization Questions' started by Bram, Mar 20, 2012.

  1. Bram

    Bram Well-Known Member

    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
     
  2. Jake Bunce

    Jake Bunce XenForo Moderator Staff Member

    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
     
    Motobaka, RoldanLT, erich37 and 2 others like this.
  3. Bram

    Bram Well-Known Member

    Jake you are the man! Thanks a million!
     
  4. RoldanLT

    RoldanLT Well-Known Member

    So how can we align the visitor panel tab with the forum list?
     
  5. Jake Bunce

    Jake Bunce XenForo Moderator Staff Member

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

    Add this:

    Code:
    .forum_list .sidebar
    {
    	margin-top: 20px;
    }
    
    Adjust margin as needed to get desired alignment.
     
    RoldanLT likes this.
  6. Allan

    Allan Well-Known Member

    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 ?
     
  7. Allan

    Allan Well-Known Member

    Fix:

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

Share This Page