Move welcome/news

[STLUEE]

I want to move the welcome newest member and the news under the navigation bar.

Can this be done please? Thank you

[Retread]

Apr 25, 2020 17:03:28 GMT -8 STLUEE said:

I want to move the welcome newest member and the news under the navigation bar.

Can this be done please? Thank you

This can be done, although I'm not sure you should do it.

The template variables $[news] and $[newest_user] are only valid when the route is home so you can remove them from the Home layout template and place them in the location you desire within the Forum Wrapper layout template and they will still only appear on the Home page.

The $[news] template variable will generate it's own set of nested containers with the outermost container being defined by:
<div id="news" aria-live="off" style="height: 18px;">
So it will still pickup the necessary styling from the Style Sheet regardless of where you place it.

The $[newest_user] template variable is a link with a data-id attribute, a class attribute with several classnames specified, a title attribute and a href attribute. But the styling applied mostly came from it's location in the Forum Information & Statistics section.

Also, we should look at the row and cell where it originally was placed.
<tr><td>Newest Member: $[newest_user]</td></tr>
If you remove that line entirely, the Members table in the statistics section will respond nicely and not leave an empty row and cell. But you probably won't want to use the tr and td containers unless the new location is within a table.

So you'll want to wrap
Newest Member: $[newest_user]with a container of some sort, probably a span. But it really depends on where you're placing it. Perhaps it would be a list item, instead. idk. And you'll want that span to have an ID and/or class attribute so you can apply the desired styling in your Style Sheet.

Lastly, remember how I mentioned the $[newest_user] template variable will only appear when the route is home? Well the Newest Member: text part of our new span will appear on any page. So you'll need to wrap the entire new span in a conditional, something like:

{if $[route.name] == "home"}
<span class="newest_member">Newest Member: $[newest_user]</span>

{/if}... so that the text won't appear on pages where the member link can't appear.

[STLUEE]

Can I center the news instead? I will leave it on its regular place. Thank you

[Retread]

STLUEE, News is a very complicated symphony of dynamic elements. Trying to change that to something that's static and centered, without fully understanding it (I don't.), would only lead to tears before bedtime.