XF 2.1 Collapse Log in / Register into one; remove superfluous New posts button

[djbaxter]

1. Client wants to get rid of the Register link in the right navbar for guests and just use Login / Join (which gives the option to register anyway).

How do I suppress the Register link there?

I have tried this but it doesn't seem to do anything:

/* don't display Register on navbar for guests */
.p-navgroup-link p-navgroup-link--textual p-navgroup-link--register {
    display: none;
}

2. Client also wants to get rid of the superflous "New posts" button on the forum list:



This doesn't work:

/* delete superfluous "new posts" button on thread list */
.button button--icon button--icon--bolt {
    display: none;
}

Any suggestions?

 

[kolakube]

Remove What's new? link

Edit Templates > forum_overview_wrapper delete lines 9-12:

    <xf:else />
        <xf:button href="{{ $xf.options.forumsDefaultPage == 'new_posts' ? link('forums/new-posts') : link('whats-new/posts') }}" icon="bolt">
            {{ phrase('new_posts') }}
        </xf:button>

Change Login / Register link

The code for this is in Edit Templates > PAGE_TEMPLATES and you can change this code around and only use one link:

                        <a href="{{ link('login') }}" class="p-navgroup-link p-navgroup-link--textual p-navgroup-link--logIn"
                            data-xf-click="overlay" data-follow-redirects="on">
                            <span class="p-navgroup-linkText">{{ phrase('log_in') }}</span>
                        </a>
                        <xf:if is="$xf.options.registrationSetup.enabled">
                            <a href="{{ link('register') }}" class="p-navgroup-link p-navgroup-link--textual p-navgroup-link--register"
                                data-xf-click="overlay" data-follow-redirects="on">
                                <span class="p-navgroup-linkText">{{ phrase('register') }}</span>
                            </a>
                        </xf:if>

 

[marquisite]

Remember that each CSS class selector must be preceded with a full stop (".").

If you intend for multiple classes in your selector to target the same element, then chain each class one after the other without any spaces. For example:

• .class1.class2 would select all elements that have both class1 and class2 set within the class attribute. E.g.:
  

  <span class="class1 class2">
  </span>

• Whereas .class1 .class2 (with a space) would select all elements with class2 in the class attribute only if they are a descendant of a higher up element with class1 in its class attribute. E.g.:
  

  <span class="class1">
    <span class="class2">
    </span>
  </span>

So to hide the register button with CSS:

.p-navgroup-link.p-navgroup-link--textual.p-navgroup-link--register {
    display: none;
}

W3Schools has handy CSS selector reference page that you (and/or others) may find useful:

CSS Selectors Reference

W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.

www.w3schools.com

Edit: I should point out that CSS can't properly remove elements, only hide them. It'd make more sense to edit the appropriate template directly. (thanks @briansol)

 

[AndyB]

Client also wants to get rid of the superflous "New posts" button on the forum list:

You might like this add-on:

https://xenforo.com/community/resources/remove-page-action-buttons.6199/

 

[briansol]

ideally, this isn't just hidden with css, but instead removed from the template. no sense in downloading the code if you don't intend to use it.

 

[djbaxter]

Got it. Thanks, everyone.

 

[Dnyan]

Got it. Thanks, everyone.

Do mark one of the post / answer as solution, so everyone can go to it directly

 

[Ozzy47]

This free addon will remove the new posts/post thread buttons,

[OzzModz] Remove New Posts/Post Thread Buttons

This small addon will remove the New posts and Post thread buttons form the forum list and what's new pages. Buttons example: Make a small donation if you love this addon

xenforo.com

 

[Nicolas FR]

So to hide the register button with CSS:

.p-navgroup-link.p-navgroup-link--textual.p-navgroup-link--register {
    display: none;
}

Hello,
I tried this to set color and weight but it doesn't work, any idea ?

.p-navgroup-link.p-navgroup-link--textual.p-navgroup-link--register {
    color: rgb(242, 94, 35);
    font-weight: 500;
}

Thanks !

 

[marquisite]

@nicodak Your CSS worked for me when I applied it to the XenForo default style. It changed the "Register" text to an orange colour with a slightly bolder font weight. Did you add your CSS to the extra.less template in your chosen style?

PS: It might be better to start a new thread, as your question differs to the OP.

 

[Nicolas FR]

Already done https://xenforo.com/community/threads/edit-register-link-color-and-weight.187951/
Thanks marquisite.