News or Magazine or Blog

[charles]

Since the other forum already has something I would like to know if NodeBB has any plans to have similar layout supported.

Basically the "home" page looking like a news/magazine/blog site without the need for wp or ghost.

[yariplus]

Like this and this?

Try this.

[charles]

@yariplus the zenith theme was headed in the right direction but it's abandoned. something like this

[AOKP]

@charles feel free to contribute to the Zenith update I made (not fine yet, but at least a few steps forward).

[charles]

@AOKP said in News or Magazine or Blog:

@charles feel free to contribute to the Zenith update I made (not fine yet, but at least a few steps forward).

I tried to install and check it out via npm and it couldn't find the package.

[evoixmr]

@yariplus How were you able to change the color of the dropdown to white with a lttile opacity? here https://yaricraft.com

[AOKP]

@charles it is not on npm yet. Originally it was created by @trevor. But he abandoned it. So I cloned it into my GitHub and fixed it a bit:
https://github.com/ReyKoxha/nodebb-theme-zenith-v2

[torn2]

@AOKP Is there a preview of this theme?

[AOKP]

@torn2 nope.

[yariplus]

@evoixmr It's just this css.

#content {
  background-color: rgba(255,255,255,0.9);
}
html {
  background-image: url(/images/ycss.png);
}

[evoixmr]

@yariplus Thank you

[charles]

@AOKP tried to clone it into the folder and select from acp but get

Error ENOENT: no such file or directory, open /node_modules/nodebb-theme-zenith/theme.json

[evoixmr]

@yariplus said in News or Magazine or Blog:

@evoixmr It's just this css.

#content {
  background-color: rgba(255,255,255,0.9);
}
html {
  background-image: url(/images/ycss.png);
}

CSS is not working for me. Is supposed to be content or body?

[yariplus]

@evoixmr That's the css I use, what is going wrong?

[evoixmr]

@yariplus This works on desktop but not on mobile. Changing it to html does not work.
#content {
background-color: rgba(255,255,255,0.9);
}
body {
background-image: url(/images/ycss.png);
}

[yariplus]

Try like this

#content {
  background-color: rgba(255,255,255,0.9);
}
body {
    background-color: transparent;
}
html {
  background-image: url(/images/ycss.png);
}

[AOKP]

@charles be sure that the folder is named like that and does not contain the -master at the end.

[evoixmr]

@yariplus said in News or Magazine or Blog:

body {
background-color: transparent;
}

Worked, Thanks

[charles]

@AOKP said in News or Magazine or Blog:

@charles be sure that the folder is named like that and does not contain the -master at the end.

Since your theme name has v2 in it didn't know had to change that.

Renamed folder from nodebb-theme-zenith-v2 to nodebb-theme-zenith and it works! Thanks!

[charles]

@torn2 said in News or Magazine or Blog:

@AOKP Is there a preview of this theme?

Here's what it looks like