Change The Background Color Of QAT+ website interface

[Tuathan O'Shea]

We have a live version and a testing version (an older snapshot of the live version) of QAT+ running. When using the testing version administration I have to continually check the URL to make sure I'm not accidentally editing the live version. Is there an easy way to change the background color from default on the testing version so it is obvious we are not on the live version of QAT+?

Many thanks,

Tuathan

The Royal Marsden NHS Foundation Trust

London

[Tuathan O'Shea]

I changed the page background color for the testing version of QATrack+ administration so it is obvious when you are on the test server by editing the background color in:

/var/qatrack/qatrackplus/qatrack/static/admin/css/base.css

Tuathan

[Randle Taylor]

Was just writing a reply to you, but you've got it already!  Thanks for following up :)

On Fri, 1 Mar 2019 at 09:46, Tuathan O'Shea <tuatha...@gmail.com> wrote:

I changed the page background color for the testing version of QATrack+ administration so it is obvious when you are on the test server by editing the background color in /var/qatrack/qatrackplus/qatrack/static/admin/css/base.css

Tuaathan

--
You received this message because you are subscribed to the Google Groups "QATrack+" group.
To unsubscribe from this group and stop receiving emails from it, send an email to qatrack+u...@googlegroups.com.
To post to this group, send email to qat...@googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

[Aggelos V.]

Hi all,

Any suggestions about what css file/parameter to edit in order to change the background of either the Homepage ("Welcome to QATrack+") or the overall site to a different colour?

Again we are trying to differentiate our live and testing versions by giving them different colour themes.

Thanks,

Angelos

[Randle Taylor]

You can add your own CSS rules in qatrack/qatrack_core/static/qatrack_core/css/site.css 

After making changes to site.css you'll either need to copy it to qatrack/static/qatrack_core/css/site.css or activate the virtualenv and run `python manage.py collectstatic` which will copy the file to qatrack/static/qatrack_core/css/site.css.

As an example, if you want to change the background color of the header you can add a css rule like:

/* site.css */

.main-header * {
  background-color: blue !important;
}

Hope that helps,

Randy

To view this discussion on the web visit https://groups.google.com/d/msgid/qatrack/7d98c617-ab7e-4437-acdd-bb9f6e71aaf6n%40googlegroups.com.

[Aggelos V.]

Thank you. Turns out that in our servers the paths were the following:

/var/qatrack/qatrackplus/qatrack/qatrack_core/static/qatrack_core/css/site.css

/var/qatrack/qatrackplus/qatrack/static/qatrack_core/css/site.css

Thanks,

Angelos

[Schroedingers_cat]

Thank you all for sharing the details. We have also changed the background color of the header to make it easier to differ between test and production environment.

Unfortunately this does not change the header in the admin page. Is it the same for you?

I found a folder with css-styles for admin, but unfortunately there is no place where the background color of the header can be set.

[Schroedingers_cat]

Oh, I found it after all. In the following path:

deploy\qatrackplus\qatrack\static\admin\css

open the file base.css and change the background color in line 837, section #header {..;background: #904141;..;}.