Skip to content

Discourse Design Change

Customisation
25 3 10.1k 1
  • JAC JAC

    @riekmedia said in Discourse Design Change:

    @jac

    NodeBB

    05bc4af4-bff7-40a0-a927-a9230d3e78ef-image.png

    Discourse

    58f6c045-0747-48a8-9816-0f20c16ede97-image.png

    That banner looks amazing!!

    wrote on last edited by
    #12

    @jac which banner?

  • @jac which banner?

    wrote on last edited by
    #13

    @riekmedia said in Discourse Design Change:

    @jac which banner?

    On the nodeBB design. I’d be interested to see how you managed to do this? I’ve been thinking of doing something similar with my forum.

  • JAC JAC

    @riekmedia said in Discourse Design Change:

    @jac which banner?

    On the nodeBB design. I’d be interested to see how you managed to do this? I’ve been thinking of doing something similar with my forum.

    wrote on last edited by RiekMedia
    #14

    @jac I simply integrated my website design into the forum with the header HTML and the footer as a widget

    phenomlab then helped me to eliminate the errors because I had a few difficulties with the footer

  • wrote on last edited by
    #15

    it doesn’t get better and doesn’t get any better no matter what I do

    7364f931-2196-41c6-bcd1-942fe6f5a113-image.png

  • it doesn’t get better and doesn’t get any better no matter what I do

    7364f931-2196-41c6-bcd1-942fe6f5a113-image.png

    wrote on last edited by
    #16

    @riekmedia I’ll have a look at this soon.

  • @riekmedia I’ll have a look at this soon.

    wrote on last edited by
    #17

    @phenomlab Hey phenomlab, had you already looked in?

  • @phenomlab Hey phenomlab, had you already looked in?

    wrote on last edited by
    #18

    @riekmedia Not yet. Sorry

  • @riekmedia Not yet. Sorry

    wrote on last edited by
    #19

    @phenomlab Do you know when you can find time for it? I have to honestly say I can’t do it. Have tried it all the time but with the forum I have real problems to implement it. If only because I can’t access the <html> tag that makes my boxed design. Ne change to div did not bring any real success. I even find that it is much worse and more difficult in the forum software than with Nodebb

  • @phenomlab Do you know when you can find time for it? I have to honestly say I can’t do it. Have tried it all the time but with the forum I have real problems to implement it. If only because I can’t access the <html> tag that makes my boxed design. Ne change to div did not bring any real success. I even find that it is much worse and more difficult in the forum software than with Nodebb

    wrote on last edited by
    #20

    @riekmedia I’ll try and have a look over the weekend. However, I’m not entirely conversant with discourse and it’s templating style, so would need to understand that first before we can make any changes.

  • @riekmedia I’ll try and have a look over the weekend. However, I’m not entirely conversant with discourse and it’s templating style, so would need to understand that first before we can make any changes.

    wrote on last edited by
    #21

    @phenomlab Everything is fine, if something breaks is not bad, it’s a bare installation.

  • @phenomlab Everything is fine, if something breaks is not bad, it’s a bare installation.

    wrote on last edited by
    #22

    @riekmedia ok. Thanks.

  • @riekmedia I’ll try and have a look over the weekend. However, I’m not entirely conversant with discourse and it’s templating style, so would need to understand that first before we can make any changes.

    wrote on last edited by
    #23

    @phenomlab okay, I assume that this was done then, since nothing else happened. I will turn it off now

  • @phenomlab okay, I assume that this was done then, since nothing else happened. I will turn it off now

    wrote on last edited by
    #24

    @riekmedia Sorry, but owing to other commitments, I’ve not had any free time to look into this. Happy to do so - I just don’t know when at the the moment.

  • @riekmedia Sorry, but owing to other commitments, I’ve not had any free time to look into this. Happy to do so - I just don’t know when at the the moment.

    wrote on last edited by
    #25

    @phenomlab okay

  • phenomlab phenomlab marked this topic as a regular topic on

Related Topics
  • CSS border gradients

    Blog gradient border css
    10
    3
    2 Votes
    10 Posts
    3k Views
    cagatay
    ah f5 need
  • How to style tool tip of nodebb-plugin-user-level

    Solved Customisation user level css
    4
    1
    5 Votes
    4 Posts
    3k Views
    phenomlab
    @DownPW thanks. I forgot about that.
  • Changing Background on NodeBB

    Solved Customisation background image nodebb
    4
    0 Votes
    4 Posts
    2k Views
    phenomlab
    @cagatay You’d target the body tag and use the below line of CSS background: url(/assets/customcss/backgrounds/default/default.png) no-repeat center center fixed; Obviously, you need to change the path to suit where your image is being stored. More info around the background property can be found here https://www.w3schools.com/cssref/css3_pr_background.php
  • NodeBB changing color of the text

    Solved Customisation
    7
    2 Votes
    7 Posts
    3k Views
    marusaky
    @phenomlab said in NodeBB changing color of the text: @marusaky This ought to to it a.permalink, a.permalink:active, a.permalink:focus, a.permalink:hover { color: #ffffff; } works great, thanks a lot
  • 2 Votes
    10 Posts
    4k Views
    phenomlab
    @DownPW We just have to change the cycles automatically according to each period ? Yes, this is by far the safest I think it is possible to achieve the goal, I have already seen this kind of thing on a site without any perf problems. It’s certainly possible, but not without issues or impact to performance (in my view)
  • Avatar on Topic Header

    Solved Customisation css avatar header
    9
    1
    0 Votes
    9 Posts
    3k Views
    JAC
    @jac said in Avatar on Topic Header: @downpw said in Avatar on Topic Header: Great Plugin I make it a bit cleaner via this CSS code: /*------------------------------------------------------------------*/ /*---------------- nodebb-plugin-browsing-users -----------------*/ /*------------------------------------------------------------------*/ /*Space between the avatar and the RSS icon */ .topic [component="topic/browsing-users"] { margin-bottom: -5px; padding-left: 10px; } /*Space between avatars*/ .pull-left { float: left!important; padding-right: 5px; } Do you have a screenshot of how this looks with the CSS change? Just added this change, thanks @DownPW
  • Bug Navbar CSS

    Solved Customisation navbar css
    3
    1 Votes
    3 Posts
    2k Views
    DownPW
    Not better way. Thanks.
  • NodeBB Design help

    Solved Customisation
    8
    3
    2 Votes
    8 Posts
    4k Views
    phenomlab
    @riekmedia I’ve applied some new CSS to your site. Can you reload the page and try again ? For the record, this is what I added #footer { background: #2d343e; border-top: 4px solid #2d343e; font-size: 0.9em; margin-top: 70px; padding: 80px 0 0; position: relative; clear: both; bottom: 0; left: 0; right: 0; z-index: 1000; margin-left: -15px; margin-right: -338px; } The /categories page seems a bit messed up, so looking at that currently EDIT - issued some override CSS in the CATEGORIES widget <!--- CSS fix for overspill on /categories page - DO NOT DELETE --> <style> #footer { margin-right: -45px; } </style> That should resolve the /categories issue.