Brand header theme component

This solved the issue, thank you.

4 Likes

I seem to be getting a broken thumbnail displaying on the menu whenever I write in the URL of the .jpg logo (the same .jpg logo I use on my Wordpress installation) in the configuration settings.

Any idea what the issue might be?

2 Likes

Try uploading the image directly to your discourse site and using that instead of the one hosted on your WP site.

4 Likes

I tried that as well but still get a broken thumbnail for some odd reason.

1 Like

When SSL (https) and CSP are enabled in your Discourse site the logo URL should have the « https » prefix.

5 Likes

Hello,

Where should I put my custom CSS for this component ?

In the theme common css, I have to add !important everywhere because it seems loaded before the brand header css.
In the brand header css, I have the warning

This is a remote theme, if you edit CSS/HTML your changes will be erased next time you update the theme.
So when I will update I will lose my customization.

2 Likes

Hello @vinothkannans thank you for this great component!

I don’t want it to show to non logged in users so I have added this in the CSS of the component:

.b-header {
display: block;
}

.anon .b-header {
display: none;
}

It works but it still takes space here:

Do you know what I should do?

2 Likes

Add the below CSS to remove the blank space.

.anon .ember-application .d-header {
  margin-top: 0;
}
5 Likes

Wow thank you sooooo much Vinoth!! It looks great! Tada!

3 Likes

Hello everyone,

I need a help for CSS customization, I am trying to make my header uniform from the links to the text title.

I tried changing a bit the CSS to get the same font size and hover block, but it is not perfect yet.

Look the difference between the text title and following links, the blocks and font are not the same size (links and title text).

Thanks in advance.

1 Like