Guten Morgen zusammen...
Info > Joomla-Version 3.9.2, Template: Joomshaper Helix Ultimate, Modultyp: Joomla-Core - eigenes Modul
Ich versuche gerade mittels custom.css den Abstand von zwei Elementen auf der selben Modulposition zu beeinflussen. Über die Entwicklerkonsole bin ich folgenden Weg gegangen.
Wenn ich in der Entwicklerkonsole testweise die Anpassungen vornehme und den Wert von 50px auf -45px verändere bin ich mit dem Resultat zufrieden.
Ich habe in der custom.css außerdem für diese Modulposition auch schon einen Style (.style-box-right) definiert der einen box-shadow hinter die Position legt und diesen im Layout-Builder eingetragen:
.style-box-right {
-webkit-box-shadow: 10px 10px 20px 0px rgba(0,0,0,0.48);
-moz-box-shadow: 10px 10px 20px 0px rgba(0,0,0,0.48);
box-shadow: 10px 10px 20px 0px rgba(0,0,0,0.48);
}
.sp-module, #sp-right .sp-module {
margin-top: -45px;
border: 1px solid #f3f3f3;
padding: 30px;
border-radius: 3px;
}
Alles anzeigen
Wie muss ich diese beiden Anweisungen schreiben dass sie unter dem selbst erstellten Style (.style-box-right) funktionieren?
Mir ist außerdem aufgefallen, dass die Änderungen mit dem box-shadow nicht direkt gegriffen haben, sondern erst sichtbar waren, als ich das Frontend am nächsten Tag wieder aufgerufen habe. Liegt das am "Joomla-Internen" Cache bzw. abgelaufenen Cache? Dieser ist in der Konfiguration allerdings deaktiviert...