Hallo,ich möchte gerne nur im einen Bereich der Joomla Seite (Menüpunkt) die Bilder nur von der Höhe her zuschneiden lassen.
Nun habe ich unter den Menüpunkt: Seitenanzeige – Seitenklasse, das Wort [news] (ohne Klammern) eingetragen und gespeichert.In der template.css Datei habe ich ganz unten folgendes eingetragen:
/* Images for news */body.body__news .item img { margin: 0 0 13px; position: relative; height:363px; overflow:hidden;}
Der Effekt war so nicht gewollt auch rechts wurde das Bild beschnitten. Zurzeit habe ich es mit einer Kopie des Templates erstellt und dort folgendes abgeändert und es funktioniert (mit unschönen Visuellen Effekten, beim Springen der Joomla Seite durch die Menüpunkte):
.item_img a {
position: relative;
display: inline-block;
max-width: 100%;
/*
.lazy_container{
&:before,&:after{
content: "";
opacity: 0;
pointer-events: none;
z-index:3;
position:absolute;
.box-sizing(border-box);
.transition(all 0.5s ease);
.box-shadow(none);
}
&:before{
top:7px;
left:7px;
right:100%;
bottom:100%;
border-top: 1px solid rgba(255,255,255,0.8);
border-left: 1px solid rgba(255,255,255,0.8);
}
&:after{
left:100%;
top:100%;
bottom:7px;
right:7px;
border-bottom: 1px solid rgba(255,255,255,0.8);
border-right: 1px solid rgba(255,255,255,0.8);
}
}
*/
/* Images for news (add crop IMG)*/
height:363px;
overflow:hidden;
}
Alles anzeigen
Wie kann ich den Overwrite (Seitenklasse) wie anfänglich angedacht hinbekommen dass dieser nur unten und oben unter diesen Menüpunkt das Bild abschneidet und ich immer noch das selbe CSS bzw. Template nutzen kann - ohne an zweien zu werkeln? Dafür war doch der Overwrite: Seitenklasse doch ursprünglich gedacht, oder?