Skip to content

Rendering issues post migration to Sudonix theme/code

Solved Bugs
49 4 20.5k 1
  • wrote on last edited by DownPW
    #27

    Try your browser’s developer tools to try to find the codes that interest you 🙂

    To test & adapt because I searched very quickly :

    .skin-noskin .composer {
        background-color: #xxxxxx !important;
        color: #xxxxxx !important;
    }
    
    .bootstrap-tagsinput, .form-control {
        background-color: #xxxxxx;
        border: 1px solid var(--bs-border-color);
        color: var(--bs-body-color);
    }
    
    .bootstrap-tagsinput, .form-control {
        background-color: var(--bs-card-cap-bg);
        border: 1px solid var(--bs-border-color);
        color: var(--bs-body-color);
    }
    
    .composer .tags-container .bootstrap-tagsinput {
        background: #xxxxxx;
    }
    
  • Hi,
    How can i change those areas colors to white one?

    image.png

    wrote on last edited by phenomlab
    #28

    @cagatay As you are using the Sudonix themes, find

    .bootstrap-tagsinput, .form-control
    

    And replace it with this

    .bootstrap-tagsinput, .form-control {
        background-color: var(--bs-body-bg) !important;
        border: 1px solid var(--bs-border-color);
        color: var(--bs-body-color);
    }
    

    And, find

    .composer .tags-container .bootstrap-tagsinput input
    

    Replace the block with

    .composer .tags-container .bootstrap-tagsinput input, ::placeholder {
        color: var(--bs-body-color-muted) !important;
    }
    
  • wrote on last edited by
    #29

    thank you Mark.
    By the way, gif is not working i dont know why?
    For example;

    https://media.tenor.com/8tZBsGlFtg8AAAAC/evil-plan-evil.gif

  • thank you Mark.
    By the way, gif is not working i dont know why?
    For example;

    https://media.tenor.com/8tZBsGlFtg8AAAAC/evil-plan-evil.gif

    wrote on last edited by phenomlab
    #30

    @cagatay said in Rendering issues post migration to Sudonix theme/code:

    By the way, gif is not working i dont know why?

    It not that it doesn’t work - you have included a link to an image, which OGProxy tries to render but won’t because it’s an image and not a site URL as such.

    For “Giphy” type images, you should use the f36bad9e-8c0a-49f0-9321-7d3f77d2f7b6-image.png button and select an image from there - for example

    Cat Cute GIF

  • wrote on last edited by cagatay
    #31

    so i dont have any gif section and also mine is not similar as yours.

    27305b62-ae00-4902-b741-beca4bca2850-image.png

  • so i dont have any gif section and also mine is not similar as yours.

    27305b62-ae00-4902-b741-beca4bca2850-image.png

    wrote on last edited by
    #32

    @cagatay because you don’t have the giphy extensuon installed.

  • wrote on last edited by
    #33

    you mean tenor gif?

  • you mean tenor gif?

    wrote on last edited by
    #34

    @cagatay yes, sorry.

  • wrote on last edited by cagatay
    #35

    my tenor gif is not working 😞

    03 - {"error":{"code":403,"message":"Requests from referer <empty> are blocked.","status":"PERMISSION_DENIED","details":[{"@type":"type.googleapis.com/google.rpc.ErrorInfo","reason":"API_KEY_HTTP_REFERRER_BLOCKED","domain":"googleapis.com","metadata":{"consumer":"projects/83199950872","service":"tenor.googleapis.com"}}]}}
    
  • wrote on last edited by
    #36

    done it 🙂

  • wrote on last edited by
    #37

    Mark hi

    Here is my problem, 00:40 and night here but the site is saying good morning.
    Same problem in my web site also.
    How we can fix this problem?

    image.png

  • Mark hi

    Here is my problem, 00:40 and night here but the site is saying good morning.
    Same problem in my web site also.
    How we can fix this problem?

    image.png

    wrote on last edited by
    #38

    @cagatay that’s not a problem or a bug. Anything past midnight is considered morning 😂

  • @cagatay that’s not a problem or a bug. Anything past midnight is considered morning 😂

    wrote on last edited by
    #39

    @phenomlab said in Rendering issues post migration to Sudonix theme/code:

    that’s not a problem or a bug. Anything past midnight is considered morning

    sorry for my ignorance 🙂

  • @cagatay that’s not a problem or a bug. Anything past midnight is considered morning 😂

    wrote on last edited by
    #40

    @phenomlab lol 🤣 Is there a way to calculate this based on sun rise/set…

  • @phenomlab lol 🤣 Is there a way to calculate this based on sun rise/set…

    wrote on last edited by
    #41

    @crazycells anything is possible, but this would of course vary by location… Unless you use a weather api

  • wrote on last edited by
    #42

    Hi Mark
    I can not find true CSS on my web site which to make change the background color from white to other color for post as below photo?

    image.png

    want to change as your post background color

  • Hi Mark
    I can not find true CSS on my web site which to make change the background color from white to other color for post as below photo?

    image.png

    want to change as your post background color

    wrote on last edited by
    #43

    @cagatay You should be able to use the below CSS to accomodate that

    li.pt-4.self-post {
        background: red !important;
    }
    

    Obviously, change “red” to the colour you require.

  • wrote on last edited by
    #44

    not working this code, i think mine is different for hat changes.

  • wrote on last edited by
    #45

    seems to work when I add it to your site :

    image.png

    The code should work, maybe you have another code in conflict after ?

    If you open console develloper on your browser, you see this :

    image.png

    maybe change your --bs-post-category-wrapper color. If I do it that’s work too.

  • wrote on last edited by phenomlab
    #46

    yeap --bs-post-category-wrapper i changed and its done 🙂


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
  • CTA banner for visitors

    Solved Bugs bug
    3
    1
    2 Votes
    3 Posts
    2k Views
    phenomlab
    @crazycells Yes, because of this code $(document).ready(function () { $(window).on('action:ajaxify.end', function (data) { if (config && config.uid > 0) { // User is logged in, so don't fire any message } else { // Insert content into the selected element var addAfterLastPost = $( "<div class='alert alert-warning alert-dismissible fade show' role='alert'>" + "<p><strong>Hello! It looks like you're interested in this conversation, but you don't have an account yet.</strong></p>" + "<p>Getting fed up of having to scroll through the same posts each visit? When you register for an account, you'll always come back to exactly where you were before, " + "and choose to be notified of new replies (ether email, or push notification). You'll also be able to save bookmarks, use reactions, and upvote to show your appreciation to other community members.</p>" + "<p>With your input, this post could be even better 💗"+ "<br><br>"+ "<a style='margin-right:5px;' component='topic/reply/guest' href='/register' class='fw-semibold btn btn-sm btn-warning'>Register</a>" + "<a component='topic/reply/guest' href='/login' class='fw-semibold btn btn-sm btn-info'>Log in</a>" + "<button type='button' class='btn-close' data-bs-dismiss='alert' aria-label='Close'></button>" + "</div>" ); $('ul[component="topic"]').after(addAfterLastPost); } }); }); This was adopted into core as far as I know, so I’ve removed my manual code.
  • Layout Issues/Transparency

    Solved Bugs bug reply transparent
    5
    2
    2 Votes
    5 Posts
    2k Views
    Madchatthew
    @phenomlab said in Layout Issues/Transparency: Does it work properly now? Yes, it does
  • "most votes" ranking option is not respecting the plugin

    Bugs nodebb
    5
    1
    3 Votes
    5 Posts
    2k Views
    phenomlab
    @crazycells Agreed. It takes a more sensible approach. Nobody ever upvotes the first post - it’s usually much further down as the conversation progresses.
  • problem with search page and copyright in footer

    Solved Bugs bug
    13
    1
    6 Votes
    13 Posts
    4k Views
    crazycells
    @phenomlab yes, search page is fixed thanks
  • Loading Image Problem

    Bugs hata bug
    24
    3
    6 Votes
    24 Posts
    11k Views
    cagatay
    Thank you Mark.
  • Bug Report

    Solved Bugs nodebb bugs
    47
    1
    26 Votes
    47 Posts
    20k Views
    phenomlab
    @crazycells Good points, thanks. I completely forgot that classes are added - makes life much simpler! EDIT - seems this is pretty straightforward, and only needs the below CSS .upvoted i { color: var(--bs-user-level) !important; } This then yields [image: 3f072f8a-ebfa-4910-8723-73c493b8e4eb-image.png] However, the caveat here is that the .upvoted class will only show for your upvotes, and nobody else’s. However, this does satisfy the original request however I would love to see my upvoted posts more clearly, because currently, when I upvote, nothing on the post tool is changing, it would be nicer if there is an indication that I have upvoted (like a filled or colored triangle?)
  • Nodebb 3.2.2

    Bugs nodebb 3.2.2
    27
    1
    11 Votes
    27 Posts
    11k Views
    phenomlab
    @crazycells yes, I’ve just seen that and modified the post. It seems to only happen if you have a space between the “greater than” symbol and the actual text. Clearly a markdown thing.
  • Difficult to move posts now, on mobile.

    Bugs nodebb
    16
    1
    5 Votes
    16 Posts
    5k Views
    phenomlab
    @DownPW Yes, it is. It’s set far too low meaning other elements with a higher preference will sit over the top of it.