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

page node and EXTRA.CSS

Brogan

XenForo moderator
Staff member
#2
What are you trying to do exactly?

Do you want to include the EXTRA.css template in a page?

Pages already load that template so you don't need to include it.
 

masterchief

Well-known member
#3
I want to eliminate breadcrumbs from a page node using EXTRA.CSS

.SOME_PAGE_NODE .breadCrumbsTop, .breadCrumbsBottom{ display:none;}

UPDATED:

.SOME_PAGE_NODE .breadBoxTop, .breadBoxBottom {display: none;}
 

Brogan

XenForo moderator
Staff member
#4
You can't do that with CSS.

You need to edit the PAGE_CONTAINER template like so:

Code:
<xen:hook name="page_container_breadcrumb_top">
<xen:if is="{$quickNavSelected} != 'node-x'">
<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:if>
</xen:hook>
Code:
<xen:hook name="page_container_breadcrumb_bottom">
<xen:if is="{$quickNavSelected} != 'node-x'">
<div class="breadBoxBottom"><xen:include template="breadcrumb" /></div>
</xen:if>
</xen:hook>
Change the x to the node id.
 
F

Floris

Guest
#5
pagenode_container i think the template is.
if removing breadcrumb code doens't help, try adding to the dir: style="display:none"

If that works, find the parent contentTemplate and use that in EXTRA.css to make the exception for page nodes.
 
F

Floris

Guest
#7
Which, appears to be:

EXTRA.css
Code:
.pagenode_container .breadBoxTop { display:none; }
Which applies only to pagenode_container template, so normal pages like forums, etc it works, but it goes away when it's /pages/
 

masterchief

Well-known member
#8
Which, appears to be:

EXTRA.css
Code:
.pagenode_container .breadBoxTop { display:none; }
Which applies only to pagenode_container template, so normal pages like forums, etc it works, but it goes away when it's /pages/
that did it! thanx Floris... this is what I am now using
~peace

Code:
.pagenode_container .breadBoxTop, .breadBoxBottom 
{
    display: none;
}
 
F

Floris

Guest
#12