It's been a few weeks now and my osTicket installation is simply purring on my headless Ubuntu LAMP server, and the whole installation is also supremely hardened after following a couple best-practices and security articles. Back in December when I first started setting this up, I had not the slightest idea what to do on the Linux CLI. Now, I feel fairly proficient and even confident in using and configuring a Linux system, all thanks to the need for setting up osTicket!!!

So first & foremost, I need to give a huge THANK YOU, YOU ARE APPRECIATED to the devs behind osTicket's public release. Peter, Jared, you guys are big time open-source heroes in my book. Thanks to Kevin too, seems like you're on the QA side of things when I poke around the GitHub page.

Now, onto the point here, I would like to start changing around some assets, updating some colors, and adjusting some formatting on the end-user pages. I see the bulk of these elements are contained in .../assets/default/css/theme.css as well as .../css/thread.css. Now I have a little experience with front-end web development but wow I have never seen the kind of wizardry happening in these files... Is this stuff some kind of inheritance hierarchy?

I'm a Firefox user, and I can also see alot of this styling happening and to which elements on the dev console. Even then, it doesn't really look like modifying these jumbo style sheets will play well throughout the rest of the system's look & feel. SO, does the osTicket team or community have any kind of advice on how to go about playing with your style sources? If, for example (below), I wanted to make my image here smaller, center the content inside the 2 columns in my table here, style the horizontal rules to be thicker and of a different color, and change the button colors on this screenshot, couldn't I just add my own classes to one of the existing style sheets, and then just dig into the index.php to then format my targeted elements using my new style class?

Does anyone have any direction to do this? Anything helps! Thanks in advance for your time!!!

When I first saw CSS in osTicket, I was also surprised.
I think the part is written with the help of some generator.
My recommendation: Link your own CSS file instead of editing the original files. You get the same effect with minimal core interference.
Changing the properties you describe is the basis of CSS. Add your own ID and / or CLASS in your PHP file if you need to.

    PavelH Is this the same way you went about your customization? If so can you describe your setup more?

      I'm not doing CSS editing in osTicket, but it's a similar way. I described my procedure here.
      To edit an image according to your screenshot, you need CSS with class = "pull-left" or id = "logo". File \include\client\header.inc.php, line 130.

        5 days later

        PavelH You sir, are one helpful lad. I hope good karma finds you well!

        I bookmarked that post and will refer to it soon when I'm ready to dive deep into this. Thanks very much!!

          Write a Reply...