Uploaded image for project: 'Jenkins'
  1. Jenkins
  2. JENKINS-68632

Changing the jenkins logo on the login screen problem

    XMLWordPrintable

Details

    Description

      I have a problem with replacing the jenkins logo on the login screen. Uses the jenkins login-theme add-on:

      https://plugins.jenkins.io/login-theme/

      In head I define the following code:

      <style>

      .simple-page .logo {

      background-image: url('https://www.jenkins.io/images/logos/snow/snow.png');

      background-repeat: no-repeat;

      background-position: 50% 0;

      height: 350px;

      background-size: contain;

      }

      .simple-page form {

      width: unset;

      max-width: unset;

      }

      </style>

      However, in the header like this:

      <script>

      document.getElementsByTagName('h1')[0].textContent = 'Welcome to Balajee\'s Jenkins!'

      </script>

      I get something like this:


      The old logo is automatically added to the code all the time

      </head><body><div class="simple-page" role="main"><div class="modal login"><div id="loginIntroDefault"><div class="logo"><img src="/static/9e651e0d/images/svgs/logo.svg" alt="Jenkins logo"></div><h1>Witamy w Jenkinsie!</h1></div>

      How to solve this problem, am I doing something wrong or is it the plugin's fault?

      Attachments

        Activity

          quhu Quirin Huber added a comment -

          Try:

          .simple-page .logo {
              background-image: url('https://www.jenkins.io/images/logos/snow/snow.png');
              background-repeat: no-repeat;
              background-position: 50% 0;
              height: 350px;
          }
          
          .simple-page .logo > img {
              display: none;
          }
          
          #loginIntroDefault h1 {
              visibility: hidden;
          }
          
          #loginIntroDefault h1:after {
              content: 'Welcome to kings landing!';
              visibility: visible;
              display: block;
          }
          quhu Quirin Huber added a comment - Try: .simple-page .logo { background-image: url( 'https: //www.jenkins.io/images/logos/snow/snow.png' ); background-repeat: no-repeat; background-position: 50% 0; height: 350px; } .simple-page .logo > img { display: none; } #loginIntroDefault h1 { visibility: hidden; } #loginIntroDefault h1:after { content: 'Welcome to kings landing!' ; visibility: visible; display: block; }

          People

            oleg_nenashev Oleg Nenashev
            haker146 Patryk Walerianczyk
            Votes:
            0 Vote for this issue
            Watchers:
            2 Start watching this issue

            Dates

              Created:
              Updated: