XF 2.0 Remove RSS and Help from footer

Andy.N

Well-known member
Anyone knows how to use CSS to remove the RSS and Help links from Footer?
It doesn't seem like there is an option to turn it off in ACP
 
Anyone knows how to use CSS to remove the RSS and Help links from Footer?

You want only remove Help and RSS
With you, it is structured as follows:

Contact Us is the first link
Terms and Rules second link
Help is the third link
Home is the fourth link
and RSS is the last link

CSS:
CSS:
.p-footer-row-opposite .p-footer-linkList li:nth-child(3),
.p-footer-row-opposite .p-footer-linkList li:last-child {
    display: none;
}
 
You want only remove Help and RSS
With you, it is structured as follows:

Contact Us is the first link
Terms and Rules second link
Help is the third link
Home is the fourth link
and RSS is the last link

CSS:
CSS:
.p-footer-row-opposite .p-footer-linkList li:nth-child(3),
.p-footer-row-opposite .p-footer-linkList li:last-child {
    display: none;
}
I have nothing in the footer, only those 2. So should it be nth-child(1) and (2)?
 
I have nothing in the footer, only those 2. So should it be nth-child(1) and (2)?


Ok, if you have only two links, you can do it as you already wrote or you can work with first-child and last-child or complete with a command if nothing else exists there ;)
CSS:
.p-footer-row-opposite .p-footer-linkList li:nth-child(1),
.p-footer-row-opposite .p-footer-linkList li:nth-child(2) {
    display: none;
}
or
CSS:
.p-footer-row-opposite .p-footer-linkList li:first-child,
.p-footer-row-opposite .p-footer-linkList li:last-child {
    display: none;
}
or complete with one command (if nothing else exists there)
CSS:
.p-footer-row-opposite {
    display: none;
}
 
You can do this in the default template PAGE_CONTAINER remove from line 547-575

HTML:
<div class="p-footer-row-opposite">
                <ul class="p-footer-linkList">
                    <xf:if is="$xf.visitor.canUseContactForm()">
                        <xf:if is="$xf.options.contactUrl.type == 'default'">
                            <li><a href="{{ link('misc/contact') }}" data-xf-click="overlay">{{ phrase('contact_us') }}</a></li>
                        <xf:elseif is="$xf.options.contactUrl.type == 'custom'" />
                            <li><a href="{$xf.options.contactUrl.custom}" data-xf-click="{{ $xf.options.contactUrl.overlay ? 'overlay' : '' }}">{{ phrase('contact_us') }}</a></li>
                        </xf:if>
                    </xf:if>

                    <xf:if is="$xf.tosUrl">
                        <li><a href="{$xf.tosUrl}">{{ phrase('terms_and_rules') }}</a></li>
                    </xf:if>

                    <xf:if is="$xf.options.privacyPolicyUrl">
                        <li><a href="{$xf.options.privacyPolicyUrl}">{{ phrase('privacy') }}</a></li>
                    </xf:if>

                    <xf:if is="$xf.helpPageCount">
                        <li><a href="{{ link('help') }}">{{ phrase('help') }}</a></li>
                    </xf:if>

                    <xf:if is="$xf.homePageUrl">
                        <li><a href="{$xf.homePageUrl}">{{ phrase('home') }}</a></li>
                    </xf:if>

                    <li><a href="{{ link('forums/index.rss', '-') }}" target="_blank" class="p-footer-rssLink" title="{{ phrase('rss')|for_attr }}"><span aria-hidden="true"><i class="fa fa-rss"></i></span></a></li>
                </ul>
            </div>

Choose your link and comment on it e.g.
<!-- <li><a href="{{ link('forums/index.rss', '-') }}" target="_blank" class="p-footer-rssLink" title="{{ phrase('rss')|for_attr }}"><span aria-hidden="true"><i class="fa fa-rss"></i></span></a></li> -->
or delete it;)
 
Back
Top Bottom