• Recent
  • Unsolved
  • Tags
  • Popular
  • Users
  • Groups
  • Search
  • Register
  • Login
  • Recent
  • Unsolved
  • Tags
  • Popular
  • Users
  • Groups
  • Search
  • Register
  • Login

CSS Web Customization

Scheduled Pinned Locked Moved Solved
FOG Problems
4
7
1.1k
Loading More Posts
  • 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.
  • C
    Critchleyb
    last edited by Mar 29, 2019, 10:19 AM

    Hey,

    Not so much of an issue as a nice to have, I know some basic CSS but not too much.

    I’m just looking to change the color of the containers in fog from Blue to Purple as I now have two servers and want to easier identify them from each other.

    Is there a line in the CSS files that I can change to accomplish this?

    I’ve found the location of the CSS files, and tried changing bits but cant seem to find the right line to edit.

    1 Reply Last reply Reply Quote 0
    • T
      Tom Elliott @Critchleyb
      last edited by Mar 29, 2019, 2:41 PM

      @Critchleyb

      1.5.X and even 1.6.X are based on bootstrap. Some of the elements for fine tuning are defined in the default/fog.css file, but majority of the items are generic and using the bootstrap information directly.

      If you need to customize particular things, and you know the class/ids you need to modify, you’ll want to edit the default/fog.css (though for your own environment I’d recommend creating your own custom something like critchleyb/fog.css and make your changes there.

      Please help us build the FOG community with everyone involved. It's not just about coding - way more we need people to test things, update documentation and most importantly work on uniting the community of people enjoying and working on FOG! Get in contact with me (chat bubble in the top right corner) if you want to join in.

      Web GUI issue? Please check apache error (debian/ubuntu: /var/log/apache2/error.log, centos/fedora/rhel: /var/log/httpd/error_log) and php-fpm log (/var/log/php*-fpm.log)

      Please support FOG if you like it: https://wiki.fogproject.org/wiki/index.php/Support_FOG

      C 1 Reply Last reply Apr 1, 2019, 9:47 AM Reply Quote 1
      • S
        Sebastian Roth Moderator
        last edited by Mar 29, 2019, 10:40 AM

        @Critchleyb Have you ever used the browsers development tools. Firefox and Chrome come with the tools on board. Usually just hit F12 on any website to get the dev tools. They are a great way of playing with the CSS stuff.

        Web GUI issue? Please check apache error (debian/ubuntu: /var/log/apache2/error.log, centos/fedora/rhel: /var/log/httpd/error_log) and php-fpm log (/var/log/php*-fpm.log)

        Please support FOG if you like it: https://wiki.fogproject.org/wiki/index.php/Support_FOG

        C 1 Reply Last reply Mar 29, 2019, 11:23 AM Reply Quote 0
        • C
          Critchleyb @Sebastian Roth
          last edited by Mar 29, 2019, 11:23 AM

          @Sebastian-Roth

          Yeah I have taken a look in there. As i say i have limited knowledge on CSS so forgive me if i’m missing something obvious.

          When i select the heading panel i can see it gets its values from “.panel-primary > .panel-heading”

          Looking in the fog.css file in /var/www/fog/management/css/default I can’t seem to find any reference to .panel?

          T 1 Reply Last reply Mar 29, 2019, 2:41 PM Reply Quote 0
          • T
            Tom Elliott @Critchleyb
            last edited by Mar 29, 2019, 2:41 PM

            @Critchleyb

            1.5.X and even 1.6.X are based on bootstrap. Some of the elements for fine tuning are defined in the default/fog.css file, but majority of the items are generic and using the bootstrap information directly.

            If you need to customize particular things, and you know the class/ids you need to modify, you’ll want to edit the default/fog.css (though for your own environment I’d recommend creating your own custom something like critchleyb/fog.css and make your changes there.

            Please help us build the FOG community with everyone involved. It's not just about coding - way more we need people to test things, update documentation and most importantly work on uniting the community of people enjoying and working on FOG! Get in contact with me (chat bubble in the top right corner) if you want to join in.

            Web GUI issue? Please check apache error (debian/ubuntu: /var/log/apache2/error.log, centos/fedora/rhel: /var/log/httpd/error_log) and php-fpm log (/var/log/php*-fpm.log)

            Please support FOG if you like it: https://wiki.fogproject.org/wiki/index.php/Support_FOG

            C 1 Reply Last reply Apr 1, 2019, 9:47 AM Reply Quote 1
            • C
              Critchleyb @Tom Elliott
              last edited by Apr 1, 2019, 9:47 AM

              @Tom-Elliott

              Thanks,

              I’m personally struggling, but I’ll throw it over to our web dev to take a look.

              T 1 Reply Last reply Apr 1, 2019, 12:08 PM Reply Quote 0
              • T
                Tom Elliott @Critchleyb
                last edited by Apr 1, 2019, 12:08 PM

                @Critchleyb You can specify the theme you want to use in the FOG Configuration page.

                For what it’s worth, I would highly recommend if you’re going to be making customizations to the CSS, do so in the 1.6 version as it’s much more clean from the 1.5.x layout and operationality.

                Please help us build the FOG community with everyone involved. It's not just about coding - way more we need people to test things, update documentation and most importantly work on uniting the community of people enjoying and working on FOG! Get in contact with me (chat bubble in the top right corner) if you want to join in.

                Web GUI issue? Please check apache error (debian/ubuntu: /var/log/apache2/error.log, centos/fedora/rhel: /var/log/httpd/error_log) and php-fpm log (/var/log/php*-fpm.log)

                Please support FOG if you like it: https://wiki.fogproject.org/wiki/index.php/Support_FOG

                1 Reply Last reply Reply Quote 0
                • L
                  lebrun78
                  last edited by Nov 26, 2024, 3:29 PM

                  Hello,
                  I have a prod server and a test server
                  To differentiate them, I would lid like to change the default “blue theme” to a green theme.
                  Which lines should I modifi in de fog.css files ?

                  Fog Version: Fog 1.5.10
                  Server OS: AlmaLinux release 8.8

                  1 Reply Last reply Reply Quote 0
                  • 1 / 1
                  • First post
                    Last post

                  183

                  Online

                  12.0k

                  Users

                  17.3k

                  Topics

                  155.2k

                  Posts
                  Copyright © 2012-2024 FOG Project