WBCE CMS – Way Better Content Editing.
You are not logged in.
Pages: 1
Moin. Ich möchte in der Übersicht die Standardansicht "alle untereinander / Bild links Text rechts" haben. Mobil soll dann aber das Bild über die ganze Breite gehen, der Text dann darunter sein. Das ganze soll nur für diesen Abschnitt gelten, also kann ich ja nicht das Stylesheet anpassen. Wo muss ich das denn wie eintragen?
Offline
Topics Einstellungen > Übersicht-Seite
In der Kopfzeile ergänzen
<style>
.hide-on-mobile {display:block}
.hide-on-desktop {display:none}
@media only screen and (max-width:440px) {
.hide-on-mobile {display:none}
.hide-on-desktop {display:block !important}
}
</style>
Schleife ändern zu
<div class="[CLASSES]">
<div class="hide-on-mobile">
{THUMB}
</div>
<div class="hide-on-desktop">
<a href="[LINK]"><img src="[PICTURE_DIR]/[PICTURE]"></a>
</div>
<h3 class="mt_title">{TITLE}</h3>
[TOPIC_SHORT]
[READ_MORE][EDITLINK]<div style="clear:both"></div>
</div>
Möglicherweise gibt es im Template-Stylesheet bereits die Klassen hide-on-mobile / hide-on-desktop oder etwas ähnlichhes (bei Responsee wäre das hide-s/hide-m, bei Fitgrid fg-no-mobile / fg-no-desktop), dann braucht man die Ergänzung der Kopfzeile nicht unbedingt, muss aber den Loop dann entsprechend anpassen.
Da ja Inline-Styles böse und pfui sind, kannst Du die Anweisungen natürlich auch ins Template-Stylesheet einfügen (ohne <style></style>, aber mit .@media-Anweisung und allen geschweiften Klammern).
Edit: sorry, war noch ein Fehler im Code
Last edited by florian (20.11.2019 07:53:39)
Sorgen sind wie Nudeln: man macht sich meist zu viele.
Offline
Moin. Vielen Dank, haut super hin. Inline Styles sind mir Latte...
Offline
Pages: 1