Advanced Search Banner

This is fixed now, after updating your sites js.welcome_banner.search will work

3 Likes

It’s been fixed in the Welcome banner now. That’s the go to place now, looks like this theme component isn’t supposed to be used anymore.

2 Likes

My Advanced Search Banner (beautiful):

Built in Welcome Banner (ugly):

Not sure why a convenient component such as this with all the settings in one place was deprecated in favor of this banner that you have to go to different places to make changes to all the settings for.

And then figure out how to (I assume) alter CSS in order to get the nice rounded corners and proper text sizes back. Which I suck at…

So does anyone know what needs to be created in order to make the bottom pic look like the top pic?

1 Like

Yes, you’d need to tweak the CSS on the border-radius of the container and the heading and text sizes.

How are you adding the extra text with the built-in Welcome Banner?

Yes, I found it finally…

// This fixes the built in welcome banner
.--with-bg-img .welcome-banner__wrap {
  border-radius: 20px;
}
.welcome-banner__title {
  font-size: var(--font-up-4);
  max-width: 900px;
}
.welcome-banner__subheader {
  font-size: 17px;
}

You mean the subhead?
I followed along with step 2 on this page:

1 Like

One of the main reasons for the migration was switching to a theme-based interface, which allows for a more granular customizations.

Basically, just a single setting which controls if to show or hide welcome banner was moved per theme setting. All the rest settings are organized in a single section Admin > Appearance > Interface & layout.

It looks like the image has the height larger than the size of welcome banner, so it is vertically centered. If tweaking CSS is a challenge, another option is to upload image with a cropped height fitting into welcome banner.

If you are referring to the text “Please sign up for…“ below the header, it can be edited in Admin > Appearance > Site texts, search for js.welcome_banner.subheader:

1 Like

We hear you! this is sort of page-bouncing is something we want to improve throughout our admin experience.

To improve this situation we have just merged a new admin page that will be available in Discourse updates shortly — it adds a new page that centralizes existing Welcome Banner settings. You can visit it directly from /admin/config/welcome-banner or with the Welcome Banner link under the appearance section of the admin navigation.

2 Likes

The Advanced Search Banner allowed me to enter HTML text (e.g. to embed links). This seems to work in the new “Welcome banner” too (I am editing Subheader for logged-in members)- but when i return to the admin page, the HTML has been removed – so cannot be edited again. Can support be added for setting/editing HTML - or should I be doing this a different way?

Generally, only certain HTML tags are supported; everything else is stripped for security reasons. HTML is also not allowed in some text.

What’s your use case and what did you want to add to the banner?

2 Likes

I wanted to include a link to our support page - as our forum is only to be used for discussion. I did this in the old banner using the following format.

Please search your topic before posting. For technical assistance, please use Our Support

I just thought it was odd, as the HTML DOES display nicely in the new Welcome Banner - it just can’t be edited in the admin interface afterwards, as the text box content is lost..

1 Like

ah ha! thanks for reporting this — the URL is actually not related to the bug… it’s the length of the text. The way we’re looking up the text for the form truncates at a certain point… so it was getting left out. I’m working on some other updates to this page that will fix the issue.

2 Likes

Great news - thanks for looking into this. Let me know when it’s updated and I will re-test using my local system

1 Like

This is part of Discourse now, so you’ll get the fix the next time you update.

1 Like

This works great now - thanks!!

1 Like