====== Change history for themes in version 4.3 ======
This page lists all changes in the theme folder for the **Simple** theme within version 4.3. If you are still using version 4.2, check the [[en:2.0:aenderungshistorie_fuer_themes_42|page there]] to see if you have made all changes within 4.2. If you are still using version 3, first [[en:2.0:update_to_version_4|update to version 4]]. This will also replace the complete theme folder. If you already use 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.

===== Version 4.3.14 =====
  * Search within the file ''adm_themes/simple/templates/sys-template-parts/parts/form.part.warning.tpl'' the following code (around line 2):<code html><div class="alert alert-warning mt-3" role="alert"></code> Replace the block with this code:<code html><div id="{$id}_alert" class="alert alert-warning mt-3" role="alert"></code> 

===== Version 4.3.10 =====
  * Add within the file ''adm_themes/your-selected-theme/css/admidio.css'' the following code (around line 537):<code css>.card-img, .card-img-top {
    height: 200px !important;
    object-fit: cover !important;
}

.admidio-album-thumbnail .rounded {
    width: 100% !important;
    object-fit: cover !important;
}</code> 

===== Version 4.3.8 =====
  * Add within the file ''adm_themes/your-selected-theme/css/admidio.css'' the following code (around line 418):<code css>.admidio-blog img, .admidio-card img {
    max-width: 100%;
    height: auto;
}</code> 

===== Version 4.3.7 =====
  * Search within the file ''adm_themes/your-selected-theme/css/admidio.css'' the following code (around line 518)::<code css>.admidio-event-highlight .card-header, tr.admidio-event-highlight {
    background-color: #cccccc;
}</code> Replace the block with this code: <code css>.admidio-event-highlight .card-header, tr.admidio-event-highlight {
    background-color: #cccccc !important;
}</code> 

===== Version 4.3.0 =====
When updating from version 4.2.13 or newer, the following files in the theme folder must be adjusted.\\ 
(if you have not made changes everywhere, you can also simply replace entire folders and, for example, only adjust the CSS folder manually)

  * Add the folder ''adm_themes/your-selected-theme/templates/modules'' to your theme. You can take this from the Simple theme from our package.

  * The following files must be //added// to the corresponding theme folder. You can take this from the Simple theme from our package. 
    * ''adm_themes/your-selected-theme/templates/sys-template-parts/form.select.tpl''
    * ''adm_themes/your-selected-theme/templates/sys-template-parts/form.static.tpl''
    * ''adm_themes/your-selected-theme/templates/sys-template-parts/menu.functions.tpl''
    * ''adm_themes/your-selected-theme/templates/sys-template-parts/menu.main.tpl''

  * The following file must be //replaced// in the corresponding theme folder: 
    * ''adm_themes/your-selected-theme/templates/message.tpl''
    * ''adm_themes/your-selected-theme/templates/message_modal.tpl''

  * Search in the file ''adm_themes/your-selected-theme/templates/index.tpl'' for the following code (approx. line 40):<code javascript>// function to handle modal window and load data from url
$('.openPopup').on('click',function(){</code> Replace this block with the following code:<code javascript>// function to handle modal window and load data from url
$(document).on('click', '.openPopup', function (){</code> 
  * Search in the file ''adm_themes/your-selected-theme/templates/index.tpl'' for the following code (approx. line 112):<code html><div class="admidio-headline-mobile-menu d-md-none p-2">
   <span class="text-uppercase">{$l10n->get('SYS_MENU')}</span>
   <button class="btn btn-link d-md-none collapsed float-right" type="button" data-toggle="collapse"
      data-target="#admidio-main-menu" aria-controls="admidio-main-menu" aria-expanded="false">
      <i class="fas fa-bars fa-fw"></i>
   </button>
</div>
{$menuSidebar->getHtml()}</code> Replace this block with the following code:<code html>{include file='sys-template-parts/menu.main.tpl'}</code> 

  * Search in the file ''adm_themes/your-selected-theme/templates/index.tpl'' for the following code (approx. line 83):<code html><a class="nav-link" href="{$urlAdmidio}/adm_program/modules/profile/profile.php">{$l10n->get('PRO_MY_PROFILE')}</a></code> Replace this block with the following code:<code html><a class="nav-link" href="{$urlAdmidio}/adm_program/modules/profile/profile.php">{$l10n->get('SYS_MY_PROFILE')}</a></code> 

  * Search in the file ''adm_themes/your-selected-theme/templates/index.tpl'' for the following code (approx. line 153):<code html> {$menuFunctions->getHtml()}</code> Replace this block with the following code:<code html>{include file='sys-template-parts/menu.functions.tpl'}</code> 
    
  * Search in the file ''adm_themes/your-selected-theme/templates/overview.tpl'' for the following code (approx. line 38):<code html><div class="admidio-overview-plugin col-sm-6 col-lg-4 col-xl-3" id="admidio-plugin-sidebar-announcements">
    <div class="card admidio-card">
        <div class="card-body">
            {load_admidio_plugin plugin="sidebar_announcements" file="sidebar_announcements.php"}
        </div>
    </div>
</div></code> Replace this block with the following code:<code html><div class="admidio-overview-plugin col-sm-6 col-lg-4 col-xl-3" id="admidio-plugin-announcement-list">
    <div class="card admidio-card">
        <div class="card-body">
            {load_admidio_plugin plugin="announcement-list" file="announcement-list.php"}
        </div>
    </div>
</div></code> 

  * Search in the file ''adm_themes/your-selected-theme/templates/overview.tpl'' for the following code (approx. line 45):<code html><div class="admidio-overview-plugin col-sm-6 col-lg-4 col-xl-3" id="admidio-plugin-sidebar-dates">
    <div class="card admidio-card">
        <div class="card-body">
            {load_admidio_plugin plugin="sidebar_dates" file="sidebar_dates.php"}
        </div>
    </div>
</div></code> Replace this block with the following code:<code html><div class="admidio-overview-plugin col-sm-6 col-lg-4 col-xl-3" id="admidio-plugin-event-list">
    <div class="card admidio-card">
        <div class="card-body">
            {load_admidio_plugin plugin="event-list" file="event-list.php"}
        </div>
    </div>
</div></code> 
    
  * Search in the file ''adm_themes/your-selected-theme/templates/overview.tpl'' for the following code (approx. line 52):<code html><div class="admidio-overview-plugin col-sm-6 col-lg-4 col-xl-3" id="admidio-plugin-sidebar-online">
    <div class="card admidio-card">
        <div class="card-body">
            {load_admidio_plugin plugin="sidebar_online" file="sidebar_online.php"}
        </div>
    </div>
</div></code> Replace this block with the following code:<code html><div class="admidio-overview-plugin col-sm-6 col-lg-4 col-xl-3" id="admidio-plugin-who-is-online">
    <div class="card admidio-card">
        <div class="card-body">
            {load_admidio_plugin plugin="who-is-online" file="who-is-online.php"}
        </div>
    </div>
</div></code>