Bradley Prout

Well-Known Member
Hey,

Is it possible stretched the breadcrumb across the page so it looks equal
 

Attachments

  • Untitled.png
    Untitled.png
    110.7 KB · Views: 17
You'd need to edit page_container and move the breadcrumb outside the main content area. I won't be back until tomorrow to give any code.
 
Stepped back real quick... 2 part edit:

PAGE_CONTAINER, find and remove this:


Code:
            <xen:if is="@xb_bcmoveout">   
            <xen:if is="@xb_noBreadcrumb && {$contentTemplate} == 'forum_list'">
            <xen:else />
            <div class="breadBoxTop {xen:if $topctrl, withTopCtrl}">
            <xen:if is="{$topctrl} AND !@xb_calltoaction"><div class="topCtrl">{xen:raw $topctrl}</div></xen:if>
            <xen:include template="breadcrumb"><xen:set var="$microdata">1</xen:set></xen:include>
            </div>
            </xen:if>
            </xen:if>

It's right below:

Code:
<!-- main content area -->

Then
paste this:

Code:
<div class="pageContent breadBoxTop">
<div class="breadcrumb">
            <xen:if is="@xb_bcmoveout">   
            <xen:if is="@xb_noBreadcrumb && {$contentTemplate} == 'forum_list'">
            <xen:else />
            <div class="pageWidth {xen:if $topctrl, withTopCtrl}">
            <xen:if is="{$topctrl} AND !@xb_calltoaction"><div class="topCtrl">{xen:raw $topctrl}</div></xen:if>
            <xen:include template="breadcrumb"><xen:set var="$microdata">1</xen:set></xen:include>
            </div>
            </xen:if>
            </xen:if>
</div>
</div>

Right above:

Code:
<div id="content" class="{$contentTemplate}">

Next in breadcrumb:

Change:
Code:
<fieldset class="breadcrumb">[code]

to just:

[code]<fieldset>

Lastly you need to make sure: Style Properties: Breadcrumb -> Shift Top Breadcrumb is checked.

Also you may need to set a margin: 0px on: Style Properties: Breadcrumb -> Top Breadcrumb (left column).

Won't be back until tomorrow for further support, best of luck (y)
 
Sorry i rechecked and then added above, but still got an issue this is my code in full

Code:
<!DOCTYPE html><xen:set var="$isResponsive" value="{xen:if '@enableResponsive AND !{$noResponsive}', 1, 0}" />
<html id="XenForo" lang="{$visitorLanguage.language_code}" dir="{$visitorLanguage.text_direction}" class="Public NoJs XenBase {xen:if {$visitor.user_id}, 'LoggedIn', 'LoggedOut'} {xen:if {$sidebar}, 'Sidebar', 'NoSidebar'} {xen:if @xb_boxed_layout, 'xbBoxedStyle'} {xen:if @xb_widen, 'xbWideStyle'} {xen:if @xb_leftSidebar, 'LeftSidebar', 'RightSidebar'} {xen:if $hasAutoDeferred, RunDeferred} {xen:if $isResponsive, Responsive, NoResponsive}" xmlns:fb="http://www.facebook.com/2008/fbml">
<head>
<xen:hook name="page_container_head">
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1" />
    <xen:if is="{$isResponsive}">
        <meta name="viewport" content="width=device-width, initial-scale=1" />
    </xen:if>
    <xen:if is="{$requestPaths.fullBasePath}">
        <base href="{$requestPaths.fullBasePath}" />
        <script><xen:comment>/* Chrome bug and for Google cache */</xen:comment>
            var _b = document.getElementsByTagName('base')[0], _bH = "{xen:jsescape $requestPaths.fullBasePath}";
            if (_b && _b.href != _bH) _b.href = _bH;
        </script>
    </xen:if>

    <title><xen:if is="{$title}">{xen:raw $title} | {$xenOptions.boardTitle}<xen:else />{$xenOptions.boardTitle}</xen:if></title>
    
    
    <noscript><style>.JsOnly, .jsOnly { display: none !important; }</style></noscript>
    <link rel="stylesheet" href="css.php?css=xenforo,form,public&amp;style={xen:urlencode $_styleId}&amp;dir={$visitorLanguage.text_direction}&amp;d={$visitorStyle.last_modified_date}" />
    <!--XenForo_Require:CSS-->

    <xen:require css="xb.css" />
    <xen:if is="@xb_web_font">
        @xb_web_font_link
    </xen:if>
    <xen:if is="@xb_fontAwesome">
        <link rel="stylesheet" href="{$requestPaths.fullBasePath}@xb_fontAwesomeLink">
    </xen:if>
    <xen:if is="@xb_fontAwesome_useCDN">
        @xb_fontAwesome_CDN
    </xen:if>
    
    {xen:helper ignoredCss, {$visitor.ignoredUsers}}
    
    <xen:include template="google_analytics" />
    <xen:include template="page_container_js_head" />
    
    <link rel="apple-touch-icon" href="{xen:helper fullurl, @ogLogoPath, 1}" />
    <link rel="alternate" type="application/rss+xml" title="{xen:phrase rss_feed_for_x, 'title={$xenOptions.boardTitle}'}" href="{xen:link forums/-/index.rss}" />
    <xen:if is="{$pageDescription.content} AND !{$pageDescription.skipmeta} AND !{$head.description}"><meta name="description" content="{xen:string wordTrim, {xen:helper stripHtml, {xen:raw $pageDescription.content}}, 200}" /></xen:if>
    <xen:if is="{$head}"><xen:foreach loop="$head" value="$headElement">{xen:raw $headElement}</xen:foreach></xen:if>
</xen:hook>
</head>

<body{xen:if {$bodyClasses}, ' class="{$bodyClasses}"'}>
<xen:hook name="body">
<xen:if is="@xb_offcanvas_menu OR @xb_offcanvas_sidebar">
<div class="xbOffCanvasContainer">
</xen:if>

<xen:if is="@xb_user_bar AND !@xb_user_panel_header">
    <xen:if is="{$visitor.user_id}">
        <xen:include template="moderator_bar" />
    <xen:elseif is="!{$visitor.user_id} && !{$hideLoginBar}" />
        <xen:include template="login_bar" />
    </xen:if>
    <xen:else />
    <xen:if is="{$visitor.is_moderator} || {$visitor.is_admin}">
        <xen:include template="moderator_bar" />
    <xen:elseif is="!{$visitor.user_id} && !{$hideLoginBar}" />
        <xen:include template="login_bar" />
    </xen:if>
</xen:if>

<xen:if is="@xb_top_bar_enable"><xen:include template="xb_top_bar" /></xen:if>

<div class="xbBodyhelper"></div>

<xen:if is="@xb_boxed_layout"><div class="xbBoxed"></xen:if>
<div id="headerMover">
<header>
    <xen:include template="header" />
    <xen:edithint template="navigation" />
    <xen:edithint template="search_bar" />
</header>
<div class="pageContent breadBoxTop">
<fieldset>           <xen:if is="@xb_bcmoveout">   
            <xen:if is="@xb_noBreadcrumb && {$contentTemplate} == 'forum_list'">
            <xen:else />
            <div class="pageWidth {xen:if $topctrl, withTopCtrl}">
            <xen:if is="{$topctrl} AND !@xb_calltoaction"><div class="topCtrl">{xen:raw $topctrl}</div></xen:if>
            <xen:include template="breadcrumb"><xen:set var="$microdata">1</xen:set></xen:include>
            </div>
            </xen:if>
            </xen:if>
</div>
</div>

<div id="content" class="{$contentTemplate}">
    <div class="<xen:if is="@xb_widen">pageContent<xen:else />pageWidth</xen:if>">
        <div class="<xen:if is="@xb_widen">pageWidth<xen:else />pageContent</xen:if>">
            <xen:if is="{xen:property xb_content_helper}"><div class="xbContenthelper"></div></xen:if>
            
            <xen:include template="ad_top_content" />
            
            <!-- main content area -->
            
            
            <xen:hook name="page_container_content_top" />
            <xen:if is="{$sidebar}">
            <xen:if is="@xb_stickySidebar"><div class="xbContentWrapper"></xen:if>
                <div class="mainContainer">
                    <div class="mainContent"></xen:if>
                        
                        <xen:include template="ad_above_top_breadcrumb" />
                        
                        <xen:hook name="page_container_breadcrumb_top">
                        <xen:if is="@xb_noBreadcrumb && {$contentTemplate} == 'forum_list'">
                        <xen:else />
                        <xen:if is="!@xb_bcmoveout">   
                        <div class="breadBoxTop {xen:if $topctrl, withTopCtrl}">
                            <xen:if is="{$topctrl} AND !@xb_calltoaction"><div class="topCtrl">{xen:raw $topctrl}</div></xen:if>
                            <xen:include template="breadcrumb"><xen:set var="$microdata">1</xen:set></xen:include>
                        </div>
                        </xen:if>
                        </xen:if>
                        </xen:hook>
                        
                        <xen:include template="ad_below_top_breadcrumb" />
                    
                        <!--[if lt IE 8]>
                            <p class="importantMessage">{xen:phrase you_are_using_out_of_date_browser_upgrade}</p>
                        <![endif]-->

                        <xen:hook name="page_container_notices">
                        <xen:include template="notices" />                       
                        </xen:hook>
                        
                        <xen:hook name="page_container_content_title_bar">
                        <xen:if is="@xb_noH1 && {$contentTemplate} == 'forum_list'">
                        <xen:else />
                        <xen:if is="!{$noH1}">                       
                            <!-- h1 title, description -->
                            <div class="titleBar">
                                {xen:raw $beforeH1}
                                <h1><xen:if
                                    is="{$h1}">{xen:raw $h1}<xen:elseif
                                    is="{$title}" />{xen:raw $title}<xen:else
                                    />{$xenOptions.boardTitle}</xen:if>
                                    <xen:if is="{$topctrl} AND @xb_calltoaction"><div class="topCtrl">{xen:raw $topctrl}</div></xen:if>
                                    </h1>
                                
                                <xen:if is="{$pageDescription.content}"><p id="pageDescription" class="muted {$pageDescription.class}">{xen:raw $pageDescription.content}</p></xen:if>
                            </div>
                        <xen:else />
                        <xen:if is="{$topctrl} AND @xb_calltoaction"><div class="topCtrl xbTopCtrl">{xen:raw $topctrl}</div></xen:if>
                        </xen:if>
                        </xen:if>
                        </xen:hook>
                        
                        <xen:include template="ad_above_content" />
                        
                        <!-- main template -->
                        {xen:raw $contents}
                        
                        <xen:include template="ad_below_content" />
                        
                        <xen:if is="!{$visitor.user_id} && !{$hideLoginBar}">
                            <!-- login form, to be moved to the upper drop-down -->
                            <xen:include template="login_bar_form" />
                        </xen:if>
                        
                        <xen:if is="@xb_bcbottomshift">
                        <xen:hook name="page_container_breadcrumb_bottom">
                        <xen:if is="@xb_noBreadcrumb && {$contentTemplate} == 'forum_list'">
                        <xen:else />           
                        <div class="breadBoxBottom"><xen:include template="breadcrumb" /></div>
                        </xen:if>
                        </xen:hook>
                        </xen:if>
                        
                    <xen:if is="{$sidebar}"></div>
                                        
                </div>
                
                <!-- sidebar -->
                <aside>
                    <div class="sidebar">
                        <xen:hook name="page_container_sidebar">
                        <xen:include template="ad_sidebar_top" />
                        <xen:if is="!{$noVisitorPanel}"><xen:include template="sidebar_visitor_panel" /></xen:if>
                        {xen:raw $sidebar}
                        <xen:include template="ad_sidebar_bottom" />
                        </xen:hook>
                    </div>
                </aside>
                
            <xen:if is="@xb_stickySidebar"></div></xen:if>
                
            </xen:if>
            
            <xen:if is="@xb_offcanvas_sidebar AND @xb_offcanvas_sidebar_button"><a  onclick="return false;" href="#" class="button xbOffCanvasSidebarToggle" />{xen:phrase show} {xen:phrase style_property_sidebar_master}</a></xen:if>
                        
            <xen:if is="!@xb_bcbottomshift">
            <xen:hook name="page_container_breadcrumb_bottom">
            <xen:if is="@xb_noBreadcrumb && {$contentTemplate} == 'forum_list'">
            <xen:else />           
            <div class="breadBoxBottom"><xen:include template="breadcrumb" /></div>
            </xen:if>
            </xen:hook>
            </xen:if>
            
            <xen:if is="@xb_scroll_buttons OR @xb_scroll_down_on">
                <xen:include template="xb_scroll_buttons" />
            </xen:if>
            
            <xen:include template="ad_below_bottom_breadcrumb" />
        </div>
    </div>
    <xen:if is="@xb_welcome_bar AND !{$visitor.user_id}">
        <xen:include template="xb_welcome_bar" />
    </xen:if>
</div>

</div>

<footer>
    <xen:include template="footer" />
</footer>

<xen:if is="@xb_boxed_layout"></div></xen:if>

<xen:if is="@xb_mobile_bar"><xen:include template="xb_mobile_bar" /></xen:if>

<xen:if is="@xb_offcanvas_menu OR @xb_offcanvas_sidebar">
<div class="xbOffCanvasContent xbOffCanvasMask"></div>
<xen:include template="xb_offcanvas_menu" />
</div>
</xen:if>

<xen:include template="page_container_js_body" />

<!--XenBase Current Version : @xb_parent_version -->
<!--Style Version : @xb_style_version -->

<xen:if is="{$isIndexPage} AND {$canSearch}">
<script type="application/ld+json">
{
    "@context": "http://schema.org",
    "@type": "WebSite",
    "url": "{xen:jsescape {xen:link canonical:index}}",
    "potentialAction": {
        "@type": "SearchAction",
        "target": "{xen:jsescape {xen:link canonical:search/search}}{xen:if $xenOptions.useFriendlyUrls, '?', '&'}keywords={search_keywords}",
        "query-input": "required name=search_keywords"
    }
}
</script>
</xen:if>

</xen:hook>
</body>
</html>
 
The tag <fieldset> isn't apart of my code I told you to copy and move. Check my instructions again, not sure where you got the fieldset. The fieldset instructions was to edit the breadcrumb template and remove the class on the fieldset.
 
You're messing up at this step:

Screenshot_5.png


Look at the code I'm giving you compared to what you have in your page_container. You removed the <div class="breadcrumb"> and replaced it with a random <fieldset>.

The first set of edits are inside page_container, you need to remove the class="breadcrumb" inside the BREADCRUMB template, NOT page_container.
 
You'll need to remove this in page_container:

Code:
            <xen:if is="!@xb_bcbottomshift">
            <xen:hook name="page_container_breadcrumb_bottom">
            <xen:if is="@xb_noBreadcrumb && {$contentTemplate} == 'forum_list'">
            <xen:else />           
            <div class="breadBoxBottom"><xen:include template="breadcrumb" /></div>
            </xen:if>
            </xen:hook>
            </xen:if>

Then paste this:

Code:
<div class="pageContent breadBoxBottom">
<div class="breadcrumb">
            <xen:if is="!@xb_bcbottomshift">
            <xen:hook name="page_container_breadcrumb_bottom">
            <xen:if is="@xb_noBreadcrumb && {$contentTemplate} == 'forum_list'">
            <xen:else />           
            <div class=""><xen:include template="breadcrumb" /></div>
            </xen:if>
            </xen:hook>
            </xen:if>
</div>
</div>

Above:

Code:
<footer>
 

Pre-Sale Questions

If you have any questions or concerns you want to ask before you make a purchase don't hesitate to use one of our multiple support channels for your convenience.

Back