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
  • 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.
  • Rotating Star Effect

    Solved Let's Build It wordpress css
    17
    12 Votes
    17 Posts
    5k Views
    Hari
    @phenomlab thanks a lot for these, both of the below are awesome! https://codepen.io/bennettfeely/pen/vYLmYJz https://codepen.io/C-L-the-selector/pen/MWZbWBo
  • Bottom footer navbar button extend

    Solved Customisation css javascript customisation footer navbar
    32
    9 Votes
    32 Posts
    15k Views
    phenomlab
    @DownPW said in Bottom footer navbar button extend: Oh my god, it’s beautiful mark I liked this design so much, I’ve implemented it here. I intend to do a lot more with the footer in due course, so hiding it makes a lot of sense. Thanks @DownPW for the idea and initial concept
  • [NODEBB] Help for my custom CSS

    Solved Customisation nodebb css bugfix
    258
    49 Votes
    258 Posts
    168k Views
    cagatay
    mark hi, Refused to apply style from ‘https://efelsefe.com/assets/customfonts/FontAwesome-6-Pro/pro/css/v4-font-face.css’ because its MIME type (‘text/plain’) is not a supported stylesheet MIME type, and strict MIME checking is enabled. I keep getting this error.
  • [NODEBB] Welcome Message

    Solved Customisation css html nodebb
    20
    2
    13 Votes
    20 Posts
    9k Views
    phenomlab
    @DownPW the ‘js’ code for the banner takes the time from the client, so what it displays really depends on the regional settings for the operating system. I’ve not seen this issue myself but would like to see some examples of screenshots if possible.
  • Multiple link on one ico non Navbar

    Solved Customisation links css navbar
    7
    1
    2 Votes
    7 Posts
    3k Views
    DownPW
    yeah you’re right @phenomlab. Problem of NodeBB Version
  • Reading Meter Progress bar

    Locked Solved Customisation css
    15
    1
    9 Votes
    15 Posts
    6k Views
    phenomlab
    For anyone else following this thread, please see https://sudonix.com/topic/467/issues-with-progress-bar-on-v3
  • [NODEBB] CSS Style Sheets SelectBox

    Locked Solved Customisation css
    112
    24 Votes
    112 Posts
    63k Views
    phenomlab
    @DownPW as discussed in PM Seems to have been solved with the new JS code that you added allowing the version CSS file change!! Cache problem therefore with the JS of the Switcher theme Based on this, I will close this thread and reference https://sudonix.com/topic/207/nodebb-help-for-my-custom-css/27