I use this to hide the title of the widgetAlright, problem partially solved. I deleted the old new_threads widget and created a new one. Named it exactly the same, same settings, so I'm not seeing any difference, but now the tabbed widget is displaying without widget titles in Xenforo and all styles EXCEPT the UI.X ones. Not sure what the deal is there. It's always something.
.widget--tab .block-minorHeader {display:none;}Yes, you can add any widget, you just need to know the key you assigned to those widgets.
Try replacing it with this
.widget--tab .block[data-widget-id] .block-minorHeader {display: none;}You can hide the list for regular members online with css
.block[data-widget-section="onlineNow"][data-widget-key="widget_key"] {
display: none;
}
Okay, really sorry to have to bother you with this again, but earlier I had mentioned that my non-UI.X styles were hiding all of the widget titles except Latest Threads, and I thought I had some how fixed it by deleting that new_threads widget and creating another one. Guess I should have known that made no sense. I've just realized that the real problem is that I had the display style set to full. So the widget title doesn't show if you have it in simple view, but it does in full. Do you know how I might get rid of it also in full display? TIA
<div class="block">
<div class="block-container">
<h2 class="widget-tabs block-tabHeader tabs hScroller" data-xf-init="tabs h-scroller" data-state="replace" role="tablist">
<span class="hScroller-scroll">
<a href="{{ link('whats-new/posts/') }}?skip=1"
class="tabs-tab is-active"
role="tab"
aria-controls="tab_lastest_threads">Latest threads</a>
<a href="{{ link('whats-new/posts/') }}?skip=1"
class="tabs-tab"
id="tab_lastest_post"
role="tab">New posts</a>
<a href="{{ link('whats-new/profile-posts/') }}?skip=1"
class="tabs-tab"
id="tab_lastest_profile_post"
role="tab">Latest profile posts</a>
</span>
</h2>
<ul class="tabPanes widget--tab">
<li class="is-active" role="tabpanel" id="tab_lastest_threads">
<xf:widget key="tab_lastest_threads" />
</li>
<li role="tabpanel" aria-labelledby="tab_lastest_post">
<xf:widget key="tab_lastest_post" />
</li>
<li role="tabpanel" aria-labelledby="tab_lastest_profile_post">
<xf:widget key="tab_lastest_profile_post" />
</li>
</ul>
</div>
</div>
<xf:css>
.widget-tabs {
overflow: hidden;
.tabs-tab {font-size: 13px;}
}
.widget--tab .block-minorHeader {display:none;}
</xf:css>
Are those the actual names of the widgets you yourself created, or did you just copy and paste the example given?I add this code and don't display
It's only display HTML
HTML:<div class="block"> <div class="block-container"> <h2 class="widget-tabs block-tabHeader tabs hScroller" data-xf-init="tabs h-scroller" data-state="replace" role="tablist"> <span class="hScroller-scroll"> <a href="{{ link('whats-new/posts/') }}?skip=1" class="tabs-tab is-active" role="tab" aria-controls="tab_lastest_threads">Latest threads</a> <a href="{{ link('whats-new/posts/') }}?skip=1" class="tabs-tab" id="tab_lastest_post" role="tab">New posts</a> <a href="{{ link('whats-new/profile-posts/') }}?skip=1" class="tabs-tab" id="tab_lastest_profile_post" role="tab">Latest profile posts</a> </span> </h2> <ul class="tabPanes widget--tab"> <li class="is-active" role="tabpanel" id="tab_lastest_threads"> <xf:widget key="tab_lastest_threads" /> </li> <li role="tabpanel" aria-labelledby="tab_lastest_post"> <xf:widget key="tab_lastest_post" /> </li> <li role="tabpanel" aria-labelledby="tab_lastest_profile_post"> <xf:widget key="tab_lastest_profile_post" /> </li> </ul> </div> </div> <xf:css> .widget-tabs { overflow: hidden; .tabs-tab {font-size: 13px;} } .widget--tab .block-minorHeader {display:none;} </xf:css>
Please help me
I just copy
