Change history for themes in version 4

This page lists all changes in the theme folder for the Simple theme within version 4. If you are still using version 3, please update to version 4 first. This will also replace the complete theme folder. If you are already using version 4.x and want to update to a newer version 4.y, this page can help you.

The changes shown here always refer to our default theme Simple. If you have made changes here, you may have to take them into account in the customizations. If you haven't made any changes to the theme yet, or if you can restore them yourself relatively easily, you can simply replace the theme folder.

If your changes are bigger and you don't want to simply replace the theme folder, all changes are documented here and you have to add them to your theme yourself. Check which version of Admidio you have used so far and look for an entry that corresponds to this version or higher. You have to update all documented changes from this entry on.

• The file adm_themes/your-choosen-theme/templates/overview.tpl must be replaced.
• Search in the file adm_themes/your-choosen-theme/css/admidio.css for the following code (around the line 551):

  .admidio-roles, .admidio-album {
      border: none;
      background-color: #eeeeee;
      margin-top: 15px;
      margin-bottom: 15px;
  }
   
  .admidio-roles li {
      padding-left: 0px;
      padding-right: 0px;
      background-color: #eeeeee;
  }

  Replace the block with the following code:

  .admidio-card {
      border: none;
      background-color: #eeeeee;
      margin-top: 15px;
      margin-bottom: 15px;
      height: 95%;
  }
   
  .admidio-card li {
      padding-left: 0px;
      padding-right: 0px;
      background-color: #eeeeee;
  }

• The file adm_themes/your-choosen-theme/templates/overview.tpl must be replaced.
• Search the file adm_themes/your-choosen-theme/templates/index.tpl for the following code (around line 83):

            {if $validLogin}
              <ul class="navbar-nav ml-auto">
                <li class="nav-item">
                  <a class="nav-link" href="{$urlAdmidio}/adm_program/modules/profile/profile.php">{$l10n->get('PRO_MY_PROFILE')}</a>
                </li>
                <li class="nav-item">
                  <a class="nav-link" href="{$urlAdmidio}/adm_program/system/logout.php">{$l10n->get('SYS_LOGOUT')}</a>
                </li>
              </ul>
            {else}
              <ul class="navbar-nav ml-auto">
                <li class="nav-item">
                  <a class="nav-link" href="{$urlAdmidio}/adm_program/system/login.php">{$l10n->get('SYS_LOGIN')}</a>
                </li>
                {if $registrationEnabled}
                  <li class="nav-item">
                    <a class="nav-link" href="{$urlAdmidio}/adm_program/modules/registration/registration.php">{$l10n->get('SYS_REGISTRATION')}</a>
                  </li>
                {/if}
              </ul>
            {/if}

  Replace the above code with the following:

              <ul class="navbar-nav ml-auto">
              {if $validLogin}
                  <li class="nav-item">
                      <a class="nav-link" href="{$urlAdmidio}/adm_program/modules/profile/profile.php">{$l10n->get('PRO_MY_PROFILE')}</a>
                  </li>
                  <li class="nav-item">
                      <a class="nav-link" href="{$urlAdmidio}/adm_program/system/logout.php">{$l10n->get('SYS_LOGOUT')}</a>
                  </li>
              {else}
                  <li class="nav-item">
                      <a class="nav-link" href="{$urlAdmidio}/adm_program/system/login.php">{$l10n->get('SYS_LOGIN')}</a>
                  </li>
                  {if $registrationEnabled}
                      <li class="nav-item">
                          <a class="nav-link" href="{$urlAdmidio}/adm_program/modules/registration/registration.php">{$l10n->get('SYS_REGISTRATION')}</a>
                      </li>
                  {/if}
              {/if}
              </ul>

• Search the file adm_themes/your-choosen-theme/css/admidio.css for the following code (around line 551):

  #plgCalendarTable td.plgCalendarToday {
      background-color: #324b64;
      border-radius: 5px;
      color: white;
  }

  Add the following code after this code block:

  #plgCalendarTable td {
      text-align: center;
  }

• The file adm_themes/your-choosen-theme/images/admidio_logo.png must be replaced.
• Search the file adm_themes/your-choosen-theme/css/admidio.css for the following code (around line 26):

  #admidio-main-navbar .navbar-brand img {
      margin-right: 10px;
      margin-top: -15px;
  }

  Replace the above code with the following:

  #admidio-main-navbar .navbar-brand img {
      margin-right: 10px;
  }

• Search the file adm_themes/dein-ausgewähltes-Theme/css/admidio.css for the following code (around line 551):

  #plgCalendarTable {
      width: 100%;
  }

  Add the following code after this code block:

  #plgCalendarTable td.plgCalendarToday {
      background-color: #324b64;
      border-radius: 5px;
      color: white;
  }

• Search the file adm_themes/your-choosen-theme/css/admidio.css for the following code (around line 187):

  .btn-group-vertical {
      display: block;
  }

  Add the following code after this code block:

  /* show vertical btn group in mobile view */
  @media (max-width: 767px)
  {
      .btn-group {
          display: block;
      }
   
      .btn-group .btn {
          display: block;
          float: none;
          width: 100%;
      }
  }