thx!
what’s the CSS class to hide it in /admin/
?
it’s still displayed there
thx!
what’s the CSS class to hide it in /admin/
?
it’s still displayed there
This should do it
.admin-interface .banner-box {
display: none;
}
Some of my users reported that the collapse/expand text was swapped. it’s inconsistent and I could not reproduce the bug yet. Anyone have same issue?
@tshenry screenshots here from a user on Opera/Windows:
@tshenry Any chance for an option to set a user-specified icon versus them being preset?
Awesome plugin by the way! Thank you!
Great component.
Just a note. When it’s enabled the DiscoTOC component stops being sticky (for those who use it).
Looks like this is caused by:
body {
overflow-x: hidden; // Needed to compensate for the overflow caused by the vertical scrollbar
Brilliant plugin Thank you!
I have a couple of customization questions:
I remember that happening early on when I was working on it, but I was pretty sure I had it figured out. I’m not able to get it into that state anymore. I would have the user clear their cookies for your site and see if you get any further reports. If they happen to have a consistent way to reproduce the issue, that would be great to get as well!
I can add that to the to-do list. It will be an easy change.
I’ll definitely revisit this next time I look at the component to see if there’s a better solution. It’s not ideal as-is.
They can clear the cookies for the site.
There’s not really a simple solution unfortunately. I’ll consider adding little more flexibility around the collapse point.
No plans for anything like this, but feel free to modify the component to fit your needs!
@tshenry loving this component! Do you have any updates on the option to display 2 different banners, one for anonymous, one for logged in users? Thanks in advance!
I found a way around this without installing anything additional - wrote an after header/css for the default Light theme and now I’m able to have a banner for all logged out users and the versatile banner for logged in users. https://go.helpberkeley.org/
I just noticed that new members are not shown the versatile banner upon first time login, when sent to /top/quarterly
. I looked over the settings and it seems like it should be showing - any ideas what I can try? /top
does display the versatile banner. Hmm…
It should show if you add /top/
to the url must contain
theme setting. I do agree that it does seem inconsistent. I’ve added it to the list of things to look at with this component.
thanks! but if I add /top/
there won’t that prevent it from showing elsewhere? Right now it’s showing everywhere else I think.
edit - ok, did a test… and it seems I need to add a few more of these to make sure the banner stays as people click around. here’s how it looks now:
That would be great addition. I am looking for a way to display the versatile banner to tl0 users only
I think I find an issue.
When the banner is showing, and a staff member select some post, the “selected-posts”'s box with the options disappear.
I can’t repro this issue here on meta because I don’t have permissions to select posts for moderate/admin them.
selected-posts
(i’m debugging)Ah, I see what you are talking about! Let me take a look.
I’m using Versatile Banner and it works great, but when switching Themes it would be good if I could set different colours for the background and text for the alternative theme.
I’m also using Alternative Logos (Alternative logos for dark / light themes) and Discourse Dark Mode (Dark Mode Automatic Theme Switcher) components so the site switches to dark mode and light mode according to the setting of the OS especially on iOS.
It’d be great if the banner could also change colours to suit
PS I imagine Header Theme Toggle (Header Theme Toggle) might give clues to do this
Add this to your theme’s css and customize the colors to suit
.banner-box h1, .banner-box h2, .banner-box h3 {
color: #32343B !important;
}
.banner-box {
background-color: #F5F5F5 !important;
color: #32343B !important;
}
.banner-box .row .single-box .icon {
color: #32343B !important;
}
.banner-box .row .single-box .btn.btn-icon-text {
background: #32343B !important;
color: white !important;
}
.banner-box .section-header .colored-line {
background: #32343B !important;
}
.banner-box a {
color: #37B8EB !important;
}
Is there any easy way to modify the banner to enable expand/collapse not just by clicking the arrow, but the whole main heading content area? Basically the whole <div class="section-header">...</div>
Really great TC! Just a heads up, it seems that when using this TC with the Discourse Tag Banners TC, if you navigate to a tag, then return back to the homepage (clicking on the site logo), the top 1/3rd or so of the versatile banner seems to get cut off. Not sure why.