Skip to content

answers appearance css code request

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

    Hello !!!

    I think the way to post our answers in the topics is very great!!

    What’s good is that it only does it in the answers and not in the first POST if you are the author.

    Is it possible to share this code or is it too abused?

    2f651f90-a31e-4608-8011-29892c8ad517-image.png

    😉

  • Hello !!!

    I think the way to post our answers in the topics is very great!!

    What’s good is that it only does it in the answers and not in the first POST if you are the author.

    Is it possible to share this code or is it too abused?

    2f651f90-a31e-4608-8011-29892c8ad517-image.png

    😉

    wrote on last edited by
    #2

    @DownPW Sorry - I think I know what you mean, but could you elaborate in case I’m wrong ?

  • @DownPW Sorry - I think I know what you mean, but could you elaborate in case I’m wrong ?

    wrote on last edited by
    #3

    @phenomlab said in answers appearance css code request:

    @DownPW Sorry - I think I know what you mean, but could you elaborate in case I’m wrong ?

    Like the screenshot.
    Our answer is differnt like other replies on Post 😉

  • @phenomlab said in answers appearance css code request:

    @DownPW Sorry - I think I know what you mean, but could you elaborate in case I’m wrong ?

    Like the screenshot.
    Our answer is differnt like other replies on Post 😉

    wrote on last edited by
    #4
  • wrote on last edited by
    #5

    hmm i will test if it’s that

  • hmm i will test if it’s that

    wrote on last edited by
    #6

    @DownPW I think it is - let me know.

  • wrote on last edited by
    #7

    nope, none effect

  • nope, none effect

    wrote on last edited by
    #8

    @DownPW odd. That’s definitely the CSS.

  • wrote on last edited by DownPW
    #9

    hmmmm I’m obliged to add this code @phenomlab :

    @media (min-width: 1200px) {
    li.self-post .content:not(.isSolved [component="post/content"])[itemprop="text"] {
        background: #ccc;
    }
    }
    
    @media (min-width: 1200px) {
    li.self-post .content:not(.isSolved [component="post/content"]) {
        background: #ccc;
        padding: 30px;
        border-radius: 4px;
        border-top-left-radius: 0px;
    }
    }
    

    But the result is odd :

    101cbb6f-3126-417a-84c9-162ddfb94db7-image.png

  • wrote on last edited by
    #10

    Better with this code:

    @media (min-width: 1200px) {
    li.self-post .content:not(.isSolved [component="post/content"])[itemprop="text"] {
        background: #ccc;
    }
    }
    
    @media (min-width: 1200px) {
    li.self-post .content:not(.isSolved [component="post/content"]) {
        background: #ccc;
        padding: 30px;
        border-radius: 4px;
        border-top-left-radius: 0px;
        margin-left: 50px;
        margin-right: 20px;
    }
    }
    
    @media (min-width: 1200px) {
    li.self-post .content:not(.isSolved [component="post/content"]):after {
        border-left: 20px solid transparent;
        border-top: 20px solid #ccc;
        top: 60px;
        content: "";
        position: absolute;
        left: 30px;
    }
    }
    

    05a141cf-6340-4871-b42d-e26fba4ddccb-image.png

  • Better with this code:

    @media (min-width: 1200px) {
    li.self-post .content:not(.isSolved [component="post/content"])[itemprop="text"] {
        background: #ccc;
    }
    }
    
    @media (min-width: 1200px) {
    li.self-post .content:not(.isSolved [component="post/content"]) {
        background: #ccc;
        padding: 30px;
        border-radius: 4px;
        border-top-left-radius: 0px;
        margin-left: 50px;
        margin-right: 20px;
    }
    }
    
    @media (min-width: 1200px) {
    li.self-post .content:not(.isSolved [component="post/content"]):after {
        border-left: 20px solid transparent;
        border-top: 20px solid #ccc;
        top: 60px;
        content: "";
        position: absolute;
        left: 30px;
    }
    }
    

    05a141cf-6340-4871-b42d-e26fba4ddccb-image.png

    wrote on last edited by phenomlab
    #11

    @DownPW yes, because of the modifications that Sudonix uses, you’ll need to tailor to fit your needs.

  • DownPW DownPW has marked this topic as solved on

Did this solution help you?
Did you find the suggested solution useful? Support 💗 Sudonix with a coffee ☕
If your organisation needs deeper expertise around infrastructure, security, or technology leadership, learn more about Phenomlab Ltd. Many of the deeper technical guides behind Sudonix are published there.

Related Topics
  • Switch between list and card view function

    Moved Let's Build It cards layout css
    107
    1
    50 Votes
    107 Posts
    58k Views
    phenomlab
    @crazycells [image: image.png] [image: image.png]
  • Material View Support for Stock NodeBB

    Unsolved Let's Build It material view javascript css
    51
    4
    15 Votes
    51 Posts
    27k Views
    DownPW
    Oh yes, that’s what’s super cool, I learn something every day. Afterwards I start from so low in JS
  • Interesting Widget code, but can't fetch API

    Solved Customisation nodebb
    26
    2 Votes
    26 Posts
    11k Views
    phenomlab
    @Panda said in Interesting Widget code, but can’t fetch API: How did you drop that widget into the post there? I hadnt seen this BSgenerator anywhere on sudonix site, do you use it somewhere already? Yes, here https://sudonix.org/topic/414/corporate-bullshit-generator?_=1687774393044 It’s not a “post” or “topic” in the common sense. It is actually a page in it’s own right and leverages nodebb-plugin-custom-pages. This in turn creates a new “route” which behaves like a page, meaning it is then exposed for widgets. @Panda said in Interesting Widget code, but can’t fetch API: Also can you explain more what you mean by calling the code externally. In my API call example, how would I go about doing that? By this, I mean create all the required code in an external JS file that is reachable by the NodeBB instance - so, in “public” for example - or in my case /public/js. The widget then “calls” that file and because it runs outside of the scope of NodeBB, you just need to return the values to the widget. Hope this makes sense?
  • 5 Votes
    2 Posts
    2k Views
    DownPW
    Nice. Very good tips Mark
  • 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
  • New message CSS problem

    Unsolved Customisation css
    11
    1
    2 Votes
    11 Posts
    4k Views
    phenomlab
    @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?
  • 4 Votes
    8 Posts
    5k Views
    phenomlab
    @DownPW done
  • [NODEBB] Reply Button/arrow answer

    Solved Customisation css nodebb
    25
    4
    4 Votes
    25 Posts
    12k Views
    DownPW
    Topic open https://sudonix.com/topic/207/nodebb-help-for-my-custom-css