Joomla Benutzerdefinierte Vorlage Mausklick funktioniert nicht

Ich arbeite an der Entwicklung eines benutzerdefinierten Themas für ein Website-Projekt, an dem ich gerade arbeite. Ich konnte die Zip-Datei zusammenfügen, hochladen und die Vorlage in Joomla erfolgreich installieren. Das Thema mit Inhalt zeigt sich schön. Ich bin jedoch nicht in der Lage, auf Schaltflächen in den Komponenten oder Modulen oder sogar auf die Schaltfläche "Bearbeiten" in der Komponente zu klicken. In der Vergangenheit habe ich ein paar Themen erstellt und verwendet, und ich hatte dieses Problem nie, daher bin ich mir nicht sicher, warum ich dieses Problem jetzt habe. Ich schließe meine index.php und custom.css Dateien als Referenz ein. Irgendwelche Vorschläge würden von irgendwelchen Joomla-Gurus sehr geschätzt! Vielen Dank.Joomla Benutzerdefinierte Vorlage Mausklick funktioniert nicht

index.php

<?php 
/** 
* @package  Joomla.Site 
* @subpackage Templates.shamrocktours 
* 
* @copyright Copyright (C) 2016 Paradimensional Technology. All rights reserved. 
*/ 

// Check if template is being installed in Joomla 
defined('_JEXEC') or die; 

// Add JavaScript Frameworks 
JHtml::_('bootstrap.framework'); 

// Load Bootstrap CSS 
JHtml::_('bootstrap.loadCss', true); 
?> 

<!doctype html> 
<html> 
<head> 
<meta charset="utf-8"> 
<meta name="description" content="Shamrock Tours Web Site"> 
<jdoc:include type="head" /> 
<!--[if lt IE 9]> 
     <script src="<?php echo JUri::root(true); ?>/media/jui/js/html5.js"></script> 
    <![endif]--> 
<link href="https://fonts.googleapis.com/css?family=IM+Fell+French+Canon" rel="stylesheet" type="text/css"> 
<link href="templates/shamrocktours/css/custom.css" rel="stylesheet" type="text/css"> 
</head> 

<body> 
<header role="banner" class="row-fluid"> 
    <div class="span8"> 
     <a href="/"><img src="templates/shamrocktours/images/site_logo.png" alt="Shamrock Tours, click for home." id="headerimage"></a> 
    </div> 
    <div class="span4"> 
     <jdoc:include type="modules" name="usermenu" style="none" /> 
    </div> 
</header> 

<nav role="navigation" class="row-fluid"> 
    <div class="span12"> 
     <jdoc:include type="modules" name="nav" style="none" /> 
    </div> 
</nav> 

<div role="main" id="innerbody"> 

<div class="row-fluid"> 
    <aside class="span3"> 
     <jdoc:include type="modules" name="side" style="none" /> 
    </aside> 
    <article class="span9"> 
     <jdoc:include type="message" /> 
     <jdoc:include type="component" /> 
    </article> 
</div> 
</div> 
</body> 
</html>

custom.css

@charset "utf-8"; 
/* Main Styles for Shamrock Tours Website */ 

/* CSS Reset */ 

a, 
article, 
aside, 
body, 
h1, 
h2, 
h3, 
h4, 
h5, 
h6, 
html, 
img { 
    margin: 0; 
    padding: 0; 
} 


/* General Element Styling */ 

html { 
    background: #0D8330; 
} 

body { 
    border: 5px double #000; 
    border-radius: 10px; 
    box-sizing:border-box; 
    font-family: "IM Fell French Canon"; 
    background: transparent; 
    font-size: 1em; 

} 

h1, 
h2, 
h3 { 
    font-weight: bold; 
} 

h1 { 
    font-size: 2.25em; 
} 

h2 { 
    font-size: 2em; 
} 

h3 { 
    font-size: 1.5em; 
} 

h4 { 
    font-size: 1.125em; 
} 


/* Header */ 

header { 
    margin: 25px 25px 0; 
} 

#headerimage { 
    float: left; 
    width: 41%; 
    margin-left: 10px; 
    line-height: 2; 
} 

header h1 { 
    position: relative; 
    top: -10px; 
    left: 150px; 
    width: 500px; 
    text-shadow: 1px -1px #fff; 
    text-align: center; 
} 

/* Navigation */ 

nav { 
    position: relative; 
    top: -65px; 
    left: 397px; 
    width: 75% !important; 
    height: 75px; 
    border-radius: 10px; 
    box-shadow: 0 4px #666; 
    background: rgba(8,138,43,0.9); 
    line-height: 2; 
} 

/* Content */ 

#innerbody { 
    position: relative; 
    top: -99px; 
    width: 95%; 
    min-height: 450px; 
    margin: 0 auto; 
    padding: 75px 15px; 
    border-radius: 10px; 
    background: #fff; 
    z-index: -1; 
} 

article { 
    float: right; 
    width: 70%; 

} 

article h2 { 
    margin: 1.05em 0; 
    text-shadow: 1px 1px #666; 
} 

article h3 { 
    line-height: 1.2; 
} 

aside { 
    text-align: center; 
} 

/* Footer */ 

#footercontainer { 
    position: relative; 
} 

footer { 
    position: absolute; 
    bottom: 0; 
    font-size: 0.875em; 
}

Quelle

2016-05-11 Matthew Croft

Wie über das Entfernen von 'z-index: -1' in Dein CSS? '# innerbody'. Ich habe deinen Code getestet und alles hat funktioniert, das war das einzige kleine Problem. Vielleicht fügt eine Erweiterung einige css/js hinzu und das ist die wahre Quelle? – Shaz

Das hat funktioniert! Vielen Dank. –

Entfernen Sie einfach die z-index: -1 vom #innerbody:

#innerbody { 
    position: relative; 
    top: -99px; 
    width: 95%; 
    min-height: 450px; 
    margin: 0 auto; 
    padding: 75px 15px; 
    border-radius: 10px; 
    background: #fff; 
    /*z-index: -1;*/ 
}

Quelle

2016-05-14 07:45:33 Shaz

Joomla Benutzerdefinierte Vorlage Mausklick funktioniert nicht

Antwort

Verwandte Themen