• 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

      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
      • Tom ElliottT
        Tom Elliott @Critchleyb
        last edited by

        @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 Reply Quote 1
        • S
          Sebastian Roth Moderator
          last edited by

          @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 Reply Quote 0
          • C
            Critchleyb @Sebastian Roth
            last edited by

            @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?

            Tom ElliottT 1 Reply Last reply Reply Quote 0
            • Tom ElliottT
              Tom Elliott @Critchleyb
              last edited by

              @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 Reply Quote 1
              • C
                Critchleyb @Tom Elliott
                last edited by

                @Tom-Elliott

                Thanks,

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

                Tom ElliottT 1 Reply Last reply Reply Quote 0
                • Tom ElliottT
                  Tom Elliott @Critchleyb
                  last edited by

                  @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

                    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

                    288

                    Online

                    12.0k

                    Users

                    17.3k

                    Topics

                    155.2k

                    Posts
                    Copyright © 2012-2024 FOG Project