YoothemePro Kurzanleitung - Tutorials

Seite 2 von 2: Tutorials

Kleine Tutorials für YOOtheme Pro

Video in voller Breite / Höhe einbinden

Um ein Video mit Flexiblen Höhen und Breiten einzubinden gibt es kleinen Trick:

  1. Das Video-Element an der gewünschten Stelle einfügen
  2. Im Video-Element unter Erweitert -> CSS muss noch der folgende Style eingefügt werden:

.el-element{position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; width: 100%; height: auto}
.el-element iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%}

Jetzt ist die Videoeinbindung Flexibel in der Höhe / Breite und im 16:9 Format.

Joomla Template "YOOtheme Pro" um eigene Schriftarten erweitern

Schritt 1 - Schrift hochladen

Als erstes muss man natürlich die Schrift im Format woff woff2 hochgeladen werden. Am besten ins Verzeichnis "templates/yootheme/fonts"

Schritt 2 - Schrift im ins Theme Laden

Als nächstes muss die Schrift in das Theme geladen werden, dazu geht man in der Administration auf "Erweiterungen -> Templates -> NAME_DES_YOOTHEME_TEMPLATES

wird einfach des Theme im Customizer öffnen und unter "Einstellungen-> Benutzerdefinierter Code -> CSS/LESS". In das Feld muss dann an erster Stelle ein Code wie der folgende eingefügt werden:

@font-face { 

    font-family: 'SCHRIFTNAME'; 

    src: url('../fonts/DATEINAME1.woff2') format('woff2'), url('../fonts/DATEINAME2.woff') format('woff');

Hinweis: Den Schriftnamen erhält man vom Herausgeber der Schrift bzw. der Quelle von der man sie bezogen hat.

Achtung! Es dürfen keine vorhandenen Dateien überschrieben werden, da diese bei einem Update sonst zurückgesetzt werden.

Schritt 3 - Auswählen der Schrift

Als letzter Schritt muss nun die Schrift noch in den Einstellungen des Themes ausgewählt werden. Zum Auswählen der Schrift geht man unter "Styles -> Global" oder in die gewünschte Komponente. Im Feld "FontFamily" trägt man dann den SCHRIFTNAMEN ein und drückt "Enter".

 

Seite

Weiterführende Informationen

Artikel
  • Der Cache in Joomla 3.x
  • Warum ist mein Joomla! 3.x Artikel gesperrt und kann nicht bearbeitet werden?
  • YoothemePro Kurzanleitung
  • Menüs und Inhaltslayouts in Joomla 3.x
  • Kunden, Bestellungen und Rechnungen in Virtuemart 3.x
  • Update / Aktualisierung von Joomla! und den Erweiterungen
  • Kategorien und Artikel in Virtuemart 3.x
  • Die Joomla Komponente Akeeba Backup ihre Bedienung
  • Zusätzliches Joomla! Kategorielayout inklusive Menüauswahl
  • Kurzanleitung für Chronoforms V5
  • Zusätzliche Module, Plugins und Komponenten in Joomla 3 Installieren und Verwalten
  • Module in Joomla 3.x
  • Die Erweiterungen in Joomla 3.x
  • Benutzerverwaltung und Zugangsrechte für Joomla! 3.x
  • Der Joomla! 3.x Medienmanager
  • Nachladen von CSS Dateien bei Joomla! Webseiten
  • Artikel Modal-Box Popup erstellen in Joomla 3.x
  • Inhalt anzeigen
  • Social Media und Cloud Computing
  • Was sonst noch wichtig ist
  • Joomla! 3.x Mehrsprachigkeit
  • Design, Layout, Farben
  • Es geht immer um Benutzer, Zugriffsrechte, Beiträge und Module
  • Beiträge in Joomla 3.x erstellen und bearbeiten
  • Was ist Joomla?
  • Joomla 3.x downloaden und Installieren

Unsere Kompetenzen


Alexander´s Webdesign

Mosebergstraße 1
37441, Bad Sachsa

+49-(0)-5523-952 89 98
+49-(0)-160-932 435 66
Diese E-Mail-Adresse ist vor Spambots geschützt! Zur Anzeige muss JavaScript eingeschaltet sein!

Montag - Freitag 09:00 - 18:00 Uhr

Kundenstimmen

So bewerten uns unsere Kunden.

4.8 / 5 Sternen

4.8 / 5 bei 101 Stimmen

Alle Bewertungen


  • Folgen Sie uns

Copyright © 2003 - 2022 Alexander´s Webdesign - Alle Rechte vorbehalten.

Keine Internetverbindung