XF 2.0 Title of thread / forum / board - p-title-header confusion

eXTA

Member
Hello I'll try to explain my problem.

When in board-overview I see the boardname at the top. That's fine!
When in sub-forum / thread-overview I see the name of the sub-forum at the top. That's fine!
When in thread I see the boardname at the top, not the title of the thread I'm in. I don't like that!

The funny thing is that 3 of my custom themes show the correct titles. (Shadows of Blue - Dark Theme, Light, OldSchool 1.1)

the PAGE_CONTAINER seems to be identical, at least around the p-title-header section. They all seem to show the {$h1}.
It seems to me that the $h1 is defined differently somewhere, but I don't know where to look :(

When I look up custom changes at one of the working themes, I get this:
Code:
[LIST=1]
[*].message-signature
{
    .bbWrapper
    {
        .bbImage
        {
            max-width: 600px;
            max-height: 300px;
            overflow-x: auto;
            overflow-y: auto;
        }
    }
}

/********** Shades of Blue CSS additions **********/
.blockMessage.blockMessage--error {
    border-left: 3px solid #fff;
    background: rgba(0,128,0,.75) !important;
    color: #fff;
}
.blockMessage--error.blockMessage--iconic:before {
    color: #fff;
}
.p-footer a {
    color: rgb(152,220,255) !important;
}
.p-footer-copyright {
    color: rgb(222, 222, 222);
}
/* Scroll Buttons */
.button.button--scroll, a.button.button--scroll {
    background: rgb(37,119,177);
    color: #fff !important;
}
/* New Posts & Posts Threads Buttons */
.button, a.button {
    background: rgb(37,119,177);
    border: transparent;
    color: #fff !important;
}
.button:hover {
    background: rgb(194,116,6) !important;
}
.button:focus {
    background: rgb(15,55,84) !important;
}
.select2 .select2-selection ul .select2-search .select2-search__field {
    color: #fff;
}
.node--unread .node-icon i::before {
    color: rgba(242, 147, 13, 0.70);
}
.block-row.block-row--separated + .block-row {
    border-top: 1px solid rgba(252, 252, 252, 0.12);
}
.menu-separator {
    border-top: 1px solid rgba(70, 70, 70, 0.75);
}
.structItem-status--sticky::before {
    color: green;
}
/* Editor Code Entry in Posts */
.CodeMirror pre {
    color: rgb(222, 222, 222) !important;    
}
.CodeMirror-gutters {
    background-color: green !important;
}
.CodeMirror-linenumber {
    color: rgb(222, 222, 222) !important;
}
/* Flash Message */
.flashMessage {
    background-color: rgba(0,128,0,.75) !important;
    color: rgb(222, 222, 222) !important;
}
/* Code Editor Cursor color */
.CodeMirror-cursor {
    border-left: 1px solid rgb(222, 222, 222) !important;
}
/* Icons for Login and Register buttons */
.p-navgroup-link.p-navgroup-link--textual.p-navgroup-link--logIn:before {
    font-family: FontAwesome;
    content: "\f090";
    color: rgb(222, 222, 222);
    padding-right: 5px;
}
.p-navgroup-link.p-navgroup-link--textual.p-navgroup-link--register:before {
    font-family: FontAwesome;
    content: "\f084";
    color: rgb(222, 222, 222);
    padding-right: 5px;
}
/* Hightlight Text Fix */
.fr-wrapper ::-moz-selection {
    background: rgba(0,128,0,.75) !important;
    color: white;
}
.fr-wrapper ::selection {
    background: rgba(0,128,0,.75) !important;
    color: white;
}
/* Block Tab Header */
.block-tabHeader {
    color: rgb(222,222,222);
    background: rgb(23,23,23);
    border-bottom: 1px solid #2f2f2f;
    font-size: 0;
}
.block-tabHeader .tabs-tab {
    border-bottom: 3px solid transparent;
        font-size: 15px;
}
.block-tabHeader .tabs-tab:hover {
    color: #fff;
    background: rgb(44,44,44);
}
.block-tabHeader .tabs-tab.is-active {
    background: transparent;
    font-size: 15px;
    color: rgba(242, 147, 13, 0.90);
    border-color: #cacaca;
    border-bottom: 3px solid rgba(242, 147, 13, 0.90);
}
.block-tabHeader .hScroller-action.hScroller-action--start {
    background: rgba(67,67,67,0.75);
    background: linear-gradient(to right, rgba(67,67,67,0) 0%, rgba(11,11,11,0.75) 33%);
}
.block-tabHeader .hScroller-action.hScroller-action--end {
    background: rgba(67,67,67,0.75);
    background: linear-gradient(to right, rgba(67,67,67,0) 0%, rgba(11,11,11,0.75) 33%);
}
/* Rating Stars color (not selected) */
.br-theme-fontawesome-stars .br-widget a:after {
    color: grey;
}
.fr-element {
    background: rgb(37,49,58);
}
.button.button--primary, a.button.button--primary {
    color: #fff;
    background: rgba(0,128,0,.75) !important;
    min-width: 80px;
    border-color: transparent;
}
.button--icon--write {
    background-color: rgba(0,128,0,.75) !important;
}
.button.button--link, a.button.button--link{
    background: rgb(32, 102, 152);
}
.p-navgroup-link:hover {
    color: white !important;
    background-color: rgb(194,116,6) !important;
}
[/LIST]

But I don't see any hints of p-title changes.

The extra.less of the non-working default theme:
Code:
.message-signature
{
    .bbWrapper
    {
        .bbImage
        {
            max-width: 600px;
            max-height: 300px;
            overflow-x: auto;
            overflow-y: auto;
        }
    }
}

.message-avatar-wrapper .message-avatar-online {
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    border: 2px solid;
    border-left-color: #7fb90087;
    border-top-color: #7fb90087;
    border-right-color: #7fb90087;
    border-bottom-color: #7fb90087;
    border-radius: 3px;
    box-shadow: 0px 0px 10px 3px hsla(79, 99%, 36%, 0.16862745098039217)
}

Thank you! :)
 

Jordyn

Well-known member
I would check the template "thread_view" and make sure the top 2 lines look like this:
Code:
<xf:title page="{$page}">{{ prefix('thread', $thread, 'escaped') }}{$thread.title}</xf:title>
<xf:h1>{{ prefix('thread', $thread) }}{$thread.title}</xf:h1>
Its the first thing that came to mind, worth a look i guess.
 
Top