Skip to content

Want to use Sudonix themes ?

Chitchat
80 5 30.4k 1
  • Such as the background color used, the frame and color of the topics and the fonts. I want it to be on my site like on Sudonix.

    wrote on last edited by
    #20

    @cagatay Structurally, Sudonix is now a significant departure from the stock Harmony theme and makes several adjustments to layout, logos etc. Because of this, your site will not look as it should post code implementation, therefore, I’d advise against going for a direct copy of the code, but to focus on setting the CSS to be how you’d like in terms of colours etc.

    Your own site has quite a high level of customisation, and this would effectively be lost if you chose the direct replacement route.

  • wrote on last edited by
    #21

    so whats your suggest to me, do not change anything or replace and lost all sor Sudonix theme?

  • so whats your suggest to me, do not change anything or replace and lost all sor Sudonix theme?

    wrote on last edited by
    #22

    @cagatay You can replace the CSS, although if you take the latest code from Sudonix, this will reference objects as variables that do not exist on your site and will therefore fail to render properly. My suggestion here would be to select the colour scheme you like and replicate the CSS for this manually on your own site.

  • wrote on last edited by
    #23

    got your point thank you will do.

  • wrote on last edited by cagatay
    #24

    could you please share css path for your web site.

  • could you please share css path for your web site.

    wrote on last edited by
    #25

    @cagatay Sure. Here’s the light theme CSS file

    https://sudonix.org/assets/customcss/light.css

    Others are as below

    b1072f13-9bea-4129-aa68-ea9edc68830c-image.png

  • wrote on last edited by
    #26

    Mark hi
    How can i change the new topic area as yours?

    image.png

    yours;

    image.png

  • Mark hi
    How can i change the new topic area as yours?

    image.png

    yours;

    image.png

    wrote on last edited by phenomlab
    #27

    @cagatay You can target the CSS and see how it is constructed. You probably need the revised CSS and theme files.

    CSS is below

    .btn-primary, .btn-light {
        --bs-btn-active-bg: var(--bs-node-btn-active-bg);
        --bs-btn-active-border-color: var(--bs-node-btn-active-border);
        --bs-btn-bg: var(--bs-node-btn-bg);
        --bs-btn-border-color: var(--bs-node-btn-border);
        --bs-btn-box-shadow: none;
        --bs-btn-color: var(--bs-node-btn-color);
        --bs-btn-hover-bg: var(--bs-node-btn-active-bg);
        --bs-btn-hover-border-color: var(--bs-node-btn-active-border);
        font-size: 14px;
        padding: 4px 8px;
        background: var(--bs-btn-bg);
    }
    
  • wrote on last edited by
    #28

    Mark, I think you changed the format of the forum’s message list.
    The last article I wrote on this topic appears in the middle of the list.

  • wrote on last edited by
    #29

    Not on my side it doesn’t and I’ve not changed anything. Can you send a screenshot?

  • Not on my side it doesn’t and I’ve not changed anything. Can you send a screenshot?

    wrote on last edited by
    #30

    @phenomlab i understood that first post always on top then #2 post is new one right?

  • @phenomlab i understood that first post always on top then #2 post is new one right?

    wrote on last edited by
    #31

    @cagatay no, it’s never worked that way on Sudonix. The newest post is always at the bottom (end) of the thread.

  • wrote on last edited by DownPW
    #32

    Yep I have the same things.

    EDIT : I mean same problem as cagatay

    bf6eb622-f0e5-4102-8f9b-ab08752fda68-image.png

  • Yep I have the same things.

    EDIT : I mean same problem as cagatay

    bf6eb622-f0e5-4102-8f9b-ab08752fda68-image.png

    wrote on last edited by phenomlab
    #33

    @DownPW Hmm. That’s different to what I see. Let me have a look.

    EDIT: How odd, I don’t remember changing this value

    c4135be9-dac0-4904-9e1c-aa4fae8c1ce0-image.png

    It’s been changed now to “Oldest to Newest”.

  • wrote on last edited by
    #34

    ha ha better now 🙂

  • ha ha better now 🙂

    wrote on last edited by
    #35

    @DownPW There are two places this can be changed. In the ACP, and also in your profile. Strange though as I do not recall changing the global setting.

  • wrote on last edited by
    #36

    Mark hi
    My youtube links are not working as it should be. photos not shown 😞
    what i sould do?

    image.png
    image.png
    image.png

  • Mark hi
    My youtube links are not working as it should be. photos not shown 😞
    what i sould do?

    image.png
    image.png
    image.png

    wrote on last edited by phenomlab
    #37

    @cagatay Let me have a look at your site. Can you give me the URL where this issue is manifesting itself? Feel free to send it in a PM if you do not want to place it here.

    EDIT - never mind, I found the link.

    From what I see in the console

    Failed to load resource: the server responded with a status of 404 ()
    

    OGProxy cannot retrieve the preview image from the source URL, so attempts to replace it with it’s own image called 404_3.webp. However, this image does not seem to exist in the relative path of /images/404.webp and so the result is what you see in the screenshot.

    To resolve this, download the file 404.webp from the below link, and place this into your OGProxy subdomain inside the folder of images

    https://github.com/phenomlab/ogproxy/tree/main/images

  • wrote on last edited by
    #38

    i did but nothing changed.

  • i did but nothing changed.

    wrote on last edited by
    #39

    @cagatay I do not see it in the path I described above. The image is not there - in fact, from what I see, the /images folder does not exist at all?


Related Topics
  • NodeBB recent cards customisation

    Solved Customisation nodebb recent cards
    3
    1
    2 Votes
    3 Posts
    1k Views
    JAC
    @phenomlab thank you very much for the assistance Mark, massively appreciated as always. The great thing about this is it’s all documented for other NodeBB users that come looking for solutions . Looks far better .
  • Sidebar Widget is no longer on the side!

    Moved Solved General nodebb
    4
    2
    2 Votes
    4 Posts
    1k Views
    phenomlab
    @Panda said in Sidebar Widget is no longer on the side!: Ah, so sidebar wont work on mobile? Correct. If you review the docs on bootstrap, you’ll notice that it is designed on a grid system https://getbootstrap.com/docs/5.0/layout/grid/ What I mean by changing the category is moving it on here to general as you posted it in bugs, when it isn’t.
  • Where are widgets stored?

    Solved Configure nodebb
    3
    1 Votes
    3 Posts
    1k Views
    Panda
    @phenomlab Thanks, have DMed you
  • Email validation NodeBB

    Bugs nodebb
    21
    3 Votes
    21 Posts
    10k Views
    phenomlab
    @Panda said in Email validation NodeBB: Did you configure that as a custom change to the usual quote icon. How do you do that? I notice on NodeBB site its a solid blue quotes Yes, I changed it. NodeBB by default users the free font awesome library whereas I use the pro (paid) version SDK have access to a wider set of icons, and at different thicknesses etc. The change of colour is just simple CSS.
  • Header Menu After Upgrading V3.1.1

    Solved Customisation header nodebb
    2
    1
    2 Votes
    2 Posts
    1k Views
    phenomlab
    @cagatay this relates to a change the css classes used for the brand header meaning it will now float to the left instead of right. If you’d like to retain the original behavior, you can add this css class [data-widget-area="brand-header"] { justify-content: end; display: flex; } Further information here https://community.nodebb.org/topic/17090/manual-build-a-custom-header-in-harmony/19?_=1684069325296
  • adding some console.log to Nodebb

    Solved Customisation nodebb
    4
    1 Votes
    4 Posts
    2k Views
    phenomlab
    @eeeee if you’re using the console, you could try node app.js > app.log 2>&1 This would redirect stdout to a file named app.log and redirect stderr to stdout. I’m not sure about standard logging under NodeBB, but there is an error log located at logs/error.log. Failing that, you could always stop the NodeBB service then use ./nodebb dev from the console which would then provide debug output.
  • NodeBB: Consent page

    Solved Configure nodebb consent
    16
    4 Votes
    16 Posts
    6k Views
    phenomlab
    @DownPW I still do not see any issues.
  • How to fix header side as boxed

    Solved Customisation header boxed sudonix nodebb
    10
    1
    6 Votes
    10 Posts
    3k Views
    cagatay
    @phenomlab yes it caused a problem for mobile users. thank you for helping …