Hiding a widget in a custom page

Rui Ramos

Hi,

I'm using the custom-pages plugin: https://github.com/NodeBB-Community/nodebb-plugin-custom-pages.

I'm trying to configure a landing page without the header widget only for that custom page, is there a way to implement this ?

Was searching the forum and didn't find a related topic.

Appreciate any help here.

Cheers,
RR

<baris>

You can probably do this with custom css, on every page the body element has some unique classes. Target those and hide the header widget area.

Rui Ramos

Thanks,

I actually tried that with

.container-lg.px-md-4.brand-container {
    visibility: hidden;
}

But that will be bounded to all pages, and I would like to target only a custom page that was created with the plugin. This pointed me to some direction thanks for the input. I will share if I managed to get it fixed.

Cheers

phenomlab

@Rui-Ramos can you provide the URL of the affected page? If we have that, we can recommend custom CSS.

Rui Ramos

Sure: https://databoost.dev

phenomlab

@Rui-Ramos Doesn't seem to be a public forum?

<baris>

If you want to hide the header on that landing page you can use the below css.

.template-landing .brand-container { display: none; }

Rui Ramos

Thanks @baris that option worked like a charm.