Skip to content

New message CSS problem

Unsolved Customisation
11 2 4.1k 1
  • wrote on last edited by
    #1


    In the unread messages menu, when a new message is posted and the message “There is a new message. Click here to reload” appears, the “All topics” button is shifted below because there is no more space on the line.

    Is it possible to fix this by modifying for example the location of the button “There is a new message. Click here to reload” ?

    Thanks in advance


  • In the unread messages menu, when a new message is posted and the message “There is a new message. Click here to reload” appears, the “All topics” button is shifted below because there is no more space on the line.

    Is it possible to fix this by modifying for example the location of the button “There is a new message. Click here to reload” ?

    Thanks in advance

    wrote on last edited by
    #2

    @DownPW without checking the css, you could use nodebb-plugin-customize to modify the language used in order to reduce the text. I’ve done this successfully with the subscribe text.

    If you’d prefer a css solution, I’ll provide one.

  • @DownPW without checking the css, you could use nodebb-plugin-customize to modify the language used in order to reduce the text. I’ve done this successfully with the subscribe text.

    If you’d prefer a css solution, I’ll provide one.

    wrote on last edited by
    #3

    @phenomlab

    I prefer yes.
    I don’t like nodebb-plugin-customize

    I have test with position absolute but bof bof

  • @phenomlab

    I prefer yes.
    I don’t like nodebb-plugin-customize

    I have test with position absolute but bof bof

    wrote on last edited by
    #4

    @DownPW ok. Is this from your production site ?

  • wrote on last edited by
    #5

    yep yep mister

  • yep yep mister

    wrote on last edited by
    #6

    @DownPW Haven’t forgotten about this. I’ve created an account on your site so I can test out some code I have in mind.

  • yep yep mister

    wrote on last edited by
    #7

    @DownPW I get this when a new post arrives on your site

    8f4ff7b2-749a-4c0e-bee5-1fd87ba143e4-image.png

    It looks different (not the language used obviously) to the screenshot you posted - can you share a URL where this happens ? Also, what screen estate are you using ?

  • wrote on last edited by
    #8

    Hmm I think because you are in English Language and me French

  • Hmm I think because you are in English Language and me French

    wrote on last edited by
    #9

    @DownPW that’s a good point. However, I dont think that means 4 buttons in French and 3 in English?

  • wrote on last edited by
    #10

    tes. maybe rights pb

  • tes. maybe rights pb

    wrote on last edited by
    #11

    @DownPW hi. Sorry for digging up an old post, but I’m going through items still unresolved and was looking to get an understanding of where you are currently with this?


Related Topics
  • External Links - New Window

    Solved Customisation nodebb links settings
    8
    2 Votes
    8 Posts
    2k Views
    phenomlab
    @Sampo2910 search the forum here for ogproxy which is the client side version of that plugin I wrote. It’s in use here on this forum.
  • CSS code customization for the link preview plugin

    Solved Customisation css nodebb
    6
    2
    3 Votes
    6 Posts
    3k Views
    phenomlab
    @kadir-ay-0 marking as resolved based on https://community.nodebb.org/topic/17109/manual-build-a-night-mode-for-harmony/5 Please do not raise requests in two places - here and the NodeBB forums. All this does is create unnecessary load for both parties.
  • how to hide "moved" badge with CSS?

    Solved Customisation nodebb
    12
    1
    3 Votes
    12 Posts
    4k Views
    phenomlab
    @crazycells ah, I see. That makes sense.
  • Footer bar add center text

    Solved Customisation css
    41
    1
    8 Votes
    41 Posts
    20k Views
    DownPW
    @phenomlab said in Footer bar add center text: div#console-nav-tab Ah ok test with bottom: 0px !important; idem
  • Upload Problem

    Solved Customisation uload upload
    17
    0 Votes
    17 Posts
    5k Views
    phenomlab
    @cagatay ok
  • chat list navbar

    Solved Customisation css navbar chat menu
    30
    2
    3 Votes
    30 Posts
    13k Views
    DownPW
    No no it’s ok @phenomlab I just comment the 2 lines mentionned aboves
  • Fontawesome 5

    Unsolved Customisation fonts css nodebb
    14
    1 Votes
    14 Posts
    6k Views
    phenomlab
    @pwsincd hi. Just following up on this thread (I know it’s old) but was curious to understand if it’s still an issue or not ?
  • 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.