• Home
  • Categories
  • Recent
  • Popular
  • Top
  • Tags
  • Users
  • Groups
  • Documentation
    • Home
    • Read API
    • Write API
    • Plugin Development
Skins
  • Light
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (No Skin)
  • No Skin
Collapse
v3.5.1 Latest
Buy Hosting

can i use multiple themes?

Scheduled Pinned Locked Moved General Discussion
2 Posts 2 Posters 261 Views
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • yohan0Y Offline
    yohan0Y Offline
    yohan0
    wrote on last edited by
    #1

    hi
    is there any solution to use different themes each category?

    if i modify code myself, please give me some hints for this
    I am a beginner in nodejs

    1 Reply Last reply
    1
  • B Offline
    B Offline
    Brophy GNU/Linux Gamers
    wrote on last edited by
    #2

    You could do some CSS based overrides.

    This is something I use in my custom css on the admin panel, it looks to see if you are either in a category or topic of a certain category, in this instance the "Red vs Blue Discussion" category (but using the slug)

    body[class*=page-category-red-vs-blue-discussion], body[class*=page-topic-category-red-vs-blue-discussion] {
        background-image: url(/assets/uploads/system/rvb-bg.jpg) !important;
        .navbar-default {
            border-bottom: 3px #dd0000 solid;
            border-image: linear-gradient(to right, red, blue);
            border-image-slice: 1;
        }
        .btn-primary, .btn-info {
            color: #fff;
            background-color: #dd0000;
            border-color: #dd1111;
        }
        .btn-primary:hover {
            color: #fff;
            background-color: #bb0000;
            border-color: #bb1111;
        }
        .btn-info.active, .btn-info.focus, .btn-info:active, .btn-info:focus, .btn-info:hover, .open > .dropdown-toggle.btn-info {
            color: #fff;
            background-color: #bb0000;
            border-color: #bb1111;
        }
        .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
            color: #000;
            background-color: #bb0000;
        }
        .composer .mobile-navbar {
            background-color: #dd0000;
        }
    }
    

    Examples of the overrides can be seen here:
    Normal: https://saesrpg.uk/categories
    Override: https://saesrpg.uk/category/25/red-vs-blue-discussion

    1 Reply Last reply
    4

Copyright © 2023 NodeBB | Contributors
  • Login

  • Don't have an account? Register

  • Login or register to search.
Powered by NodeBB Contributors
  • First post
    Last post
0
  • Home
  • Categories
  • Recent
  • Popular
  • Top
  • Tags
  • Users
  • Groups
  • Documentation
    • Home
    • Read API
    • Write API
    • Plugin Development