Du hast übrigens noch was nicht richtig angepasst. 
Ich vermute du hast diese Zeile vie opt in extension eingebunden:
Code: Alles auswählen
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js" type="text/javascript"></script>
du musst diese zeile auch so abändern:
Code: Alles auswählen
<script data-name="g-analytics" data-src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js" type="text/javascript"></script>
Wenn du das nicht machst brirngt die extension nicht wirklich was.
Für die Änderung des Styles machst du folgendes.
Offne die datei:
..\styles\Zeina\template\overall_footer.html
Und ersetze den Kompletten Inhalt (sofern du da noch vorher nichts verändert hast sonst vergleiche die codeblöcke) mit folgendem:
Code: Alles auswählen
          <!-- EVENT overall_footer_content_after -->
        </div>
      </main>
	    <!-- EVENT overall_footer_page_body_after -->
      {% block footer %}
      <footer id="page-footer">
        <!-- IF DEBUG_OUTPUT -->
          <p class="footer-row text-center my-3 text-sm text-secondary">
            <span class="footer-info">{{ DEBUG_OUTPUT }}</span>
          </p>
        <!-- ENDIF -->
        <div class="text-sm bg-white border-t border-gray-200 divide-y text-secondary">
          <div class="max-w-6xl layout-container mx-auto md:py-4 py-2 px-4 lg:px-8">
            <!-- INCLUDE navbar_footer.html -->
          </div>
          <div class="max-w-6xl layout-container mx-auto">
            <div class="flex flex-wrap items-center justify-between gap-2 p-6 lg:px-8">
              <div class="copyright flex flex-wrap items-center gap-2">
                <!-- EVENT overall_footer_copyright_prepend -->
                
                  <span class="footer-copyright">{{ CREDIT_LINE }} • {{ lang('Design by') }} <a href="https://leenoz.com/zeina">Leenoz.com</a></span>
              
                <!-- IF TRANSLATION_INFO -->
                  
                    <span class="footer-copyright">{{ TRANSLATION_INFO }}</span>
                  
                <!-- ENDIF -->
                <!-- EVENT overall_footer_copyright_append -->
            
              
                  <a class="footer-link" href="{{ U_PRIVACY }}" title="{{ lang('PRIVACY_LINK') }}" role="menuitem">
                    <span class="footer-link-text">{{ lang('PRIVACY_LINK') }}</span>
                  </a>
                  <span class="opacity-50">|</span>
                  <a class="footer-link" href="{{ U_TERMS_USE }}" title="{{ lang('TERMS_LINK') }}" role="menuitem">
                    <span class="footer-link-text">{{ lang('TERMS_LINK') }}</span>
                  </a>
                  <span class="opacity-50">|</span>
                  <!-- EVENT overall_footer_timezone_before -->
                  <span>{S_TIMEZONE}</span>
				  
                  <!-- EVENT overall_footer_timezone_after -->
                
              </div>
            </div>
          </div>
        </div>
      </footer>
      {% endblock %}
    </div>
    <div>
      <a id="bottom" class="anchor" accesskey="z"></a>
      {% if not S_IS_BOT %}{{ RUN_CRON_TASK }}{% endif %}
    </div>
    <div id="darkenwrapper" class="hidden" data-ajax-error-title="{L_AJAX_ERROR_TITLE}" data-ajax-error-text="{L_AJAX_ERROR_TEXT}" data-ajax-error-text-abort="{L_AJAX_ERROR_TEXT_ABORT}" data-ajax-error-text-timeout="{L_AJAX_ERROR_TEXT_TIMEOUT}" data-ajax-error-text-parsererror="{L_AJAX_ERROR_TEXT_PARSERERROR}">
		  <div id="darken" class="darken"> </div>
    </div>
    <div id="phpbb_alert" class="phpbb_alert zn-overlay size-full fixed top-0 start-0 z-[60] overflow-auto pointer-events-none transition-all zn-overlay-open:ease-out ease-in zn-overlay-open:duration-300 hidden" data-l-err="{L_ERROR}" data-l-timeout-processing-req="{L_TIMEOUT_PROCESSING_REQ}">
      <div class="zn-overlay-open:opacity-100 opacity-0 transition-all zn-overlay-open:ease-out ease-in zn-overlay-open:duration-300 md:max-w-lg max-w-[85%] w-full origin-center fixed left-0 top-0 right-0 bottom-0 m-auto max-h-[75%] h-fit rounded-xl p-2 bg-white">
        <div class="flex flex-col pointer-events-auto overflow-hidden">
          <button type="button" class="alert_close relative flex overflow-hidden transition-all duration-300 !absolute top-3 end-3 text-secondary p-2 rounded-full bg-transparent border-0 hover:bg-primary/5 hover:text-color">
            <i class="iconify" data-mode="style" data-icon="mdi:close" data-height="16" data-width="16" aria-hidden="true"></i>
          </button>
          <div class="p-3">
            <div class="flex max-md:flex-col gap-4">
              <div class="alert-icon m-auto flex size-12 items-center justify-center rounded-full md:m-0 md:size-10">
                <span class="inline-flex justify-center items-center size-8 rounded-full border-4 text-white">
                  <i class="iconify alert-info-icon" data-mode="style" data-icon="mdi:information-variant" data-height="24" data-width="24" aria-hidden="true"></i>
                  <i class="iconify alert-error-icon" data-mode="style" data-icon="mdi:close" data-height="24" data-width="24" aria-hidden="true"></i>
                </span>
              </div>
              <div class="max-md:text-center md:w-5/6">
                <div class="leading-6 alert_title font-semibold" id="modal-title"></div>
                <p class="text-sm text-secondary mt-1 alert_text break-words"></p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div id="phpbb_confirm" class="phpbb_alert zn-overlay size-full fixed top-0 start-0 z-[60] overflow-auto pointer-events-none transition-all zn-overlay-open:ease-out ease-in zn-overlay-open:duration-300 hidden" data-l-err="{L_ERROR}" data-l-timeout-processing-req="{L_TIMEOUT_PROCESSING_REQ}">
      <div class="zn-overlay-open:opacity-100 opacity-0 transition-all zn-overlay-open:ease-out ease-in zn-overlay-open:duration-300 md:max-w-lg max-w-[85%] w-full origin-center fixed left-0 top-0 right-0 bottom-0 m-auto max-h-[75%] h-fit rounded-xl p-2 bg-white">
        <div class="flex flex-col pointer-events-auto overflow-hidden">
          <button type="button" class="alert_close absolute top-3 end-3 text-secondary p-2 rounded-full btn-primary-outline bg-transparent border-0 leading-[0]">
            <i class="iconify" data-mode="style" data-icon="mdi:close" data-height="16" data-width="16" aria-hidden="true"></i>
          </button>
          <div class="p-3">
            <div class="flex max-md:flex-col gap-4">
              <div class="m-auto flex size-12 items-center justify-center rounded-full md:m-0 md:size-10 bg-primary/20">
                <span class="inline-flex justify-center items-center size-8 rounded-full border-4 border-primary/5 bg-primary/90 text-white">
                  <i class="iconify" data-mode="style" data-icon="bi:question-lg" data-height="18" data-width="18" aria-hidden="true"></i>
                </span>
              </div>
              <div class="max-md:text-center md:w-5/6">
                <p class="alert_text break-words"></p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <script src="{T_JQUERY_LINK}"></script>
    <!-- IF S_ALLOW_CDN --><script>window.jQuery || document.write('\x3Cscript src="{T_ASSETS_PATH}/javascript/jquery-3.7.1.min.js?assets_version={T_ASSETS_VERSION}">\x3C/script>');</script><!-- ENDIF -->
    <script src="{T_ASSETS_PATH}/javascript/core.js?assets_version={T_ASSETS_VERSION}"></script>
    <script src="{T_THEME_PATH}/assets/js/ajax.js"></script>
    <script src="{T_THEME_PATH}/assets/js/forum_fn.js"></script>
    <script src="{T_THEME_PATH}/assets/js/app.js" defer></script>
    <script src="{T_THEME_PATH}/assets/js/iconify.min.js" defer></script>
    <!-- IF S_ALLOW_CDN and zeina.font_awesome -->
  	  <script>
    		(function($){
    			var $fa_cdn = $('head').find('link[rel="stylesheet"]').first(),
    				$span = $('<span class="fa" style="display:none"></span>').appendTo('body');
    			if ($span.css('fontFamily') !== 'FontAwesome' ) {
    				$fa_cdn.after('<link href="{T_ASSETS_PATH}/css/font-awesome.min.css" rel="stylesheet">');
    				$fa_cdn.remove();
    			}
    			$span.remove();
    		})(jQuery);
    	</script>
    <!-- ENDIF -->
    {% if S_COOKIE_NOTICE %}
    <script src="{T_ASSETS_PATH}/cookieconsent/cookieconsent.min.js?assets_version={T_ASSETS_VERSION}"></script>
    <script>
      if (typeof window.cookieconsent === "object") {
        window.addEventListener("load", function(){
          window.cookieconsent.initialise({
            "palette": {
              "popup": {
                "background": "#0F538A"
              },
              "button": {
                "background": "#E5E5E5"
              }
            },
            "theme": "classic",
            "content": {
              "message": "{LA_COOKIE_CONSENT_MSG}",
              "dismiss": "{LA_COOKIE_CONSENT_OK}",
              "link": "{LA_COOKIE_CONSENT_INFO}",
              "href": "{UA_PRIVACY}"
            }
          });
        });
      }
    </script>
    {% endif %}
    <!-- EVENT overall_footer_after -->
    <!-- IF S_PLUPLOAD --><!-- INCLUDE plupload.html --><!-- ENDIF -->
    {$SCRIPTS}
    
    {% block footer_scripts %}{% endblock %}
    <!-- EVENT overall_footer_body_after -->
  </body>
</html>
Damit Bringst du alles in eine Line.
Anschliessend erstellst du folgende  Ordner und datei :
..ext/chris1278/cookie/styles 
der Teil sollte vorhanden sein. in diesm Ordner erstellst du folgende weitere ordner:
dort erstellst du eine Datei namens: 
overall_footer_timezone_after.htmlmit folgendem Inhalt:
Code: Alles auswählen
<span class="opacity-50">|</span>
<a  href="#" data-ajax="true" data-refresh="true" role="menuitem" onclick="return klaro.show();">
<i class="opt-in-cookie-icon cok_nav"></i><span>{{ lang('OPT_IN_COKKIE_INFO') }}</span>
</a>
abschliessend noch den Foren und den Browser cache löschen und das resultat sollte so ausschauen:
https://prnt.sc/lIdjAGbqke8z