TP Perfect
- Jonny66
-
Autor
- Fresh Boarder
-
- Beiträge: 12
- Dank erhalten: 0
TP Perfect wurde erstellt von Jonny66
Hallo auf meiner TP Perfect Installation scheinen in Blog Beiträgen die Padding Einstellungen nicht zu funktionieren.
<p><img class="float-left pr-4 pb-4" style="max-width: 400px;" src="images/blog/blogtype/img1.jpg" alt="..."></p>
Tatsächlich gibt es zwischen Bild und Text keinen Rand. siehe Anhang
<p><img class="float-left pr-4 pb-4" style="max-width: 400px;" src="images/blog/blogtype/img1.jpg" alt="..."></p>
Tatsächlich gibt es zwischen Bild und Text keinen Rand. siehe Anhang
Bitte Anmelden oder Registrieren um der Konversation beizutreten.
- Administrator
-
- Moderator
-
- Beiträge: 924
- Dank erhalten: 152
- Jonny66
-
Autor
- Fresh Boarder
-
- Beiträge: 12
- Dank erhalten: 0
- WM-Loose
-
- Moderator
-
- Beiträge: 1575
- Dank erhalten: 285
WM-Loose antwortete auf TP Perfect
Bilder-Klassen richtig anlegen in der custom.css und dann jeweils die Klasse beim Bild eintragen.
Hier Beitragsbild-Klassen für Bild links und rechts:
Dann die Klasse beim Bild eintragen:
Somit kann man abwechselnd das Bild links oder rechts im Blog eintragen.
Wenn man den Code ohne die vorangesetzte Klasse in der custom einfügt (also z.B. .bild-rechts weg lässt), gilt es halt global und wird bei allen Beiträgen gesetzt.
Für das Einleitungsbild geht es genauso:
Das ist aber nicht spezifisch für das Template sondern Joomla know how.
Hier Beitragsbild-Klassen für Bild links und rechts:
/*CSS-Klasse Beitragsbild*/
.bild-links .img-fluid {
float: left;
padding-top: 5px;
padding-right: 10px;
max-width: 25%;
}
/*CSS-Klasse Beitragsbild*/
.bild-rechts .img-fluid {
float: right;
padding-top: 5px;
padding-left: 10px;
max-width: 25%;
}Dann die Klasse beim Bild eintragen:
Somit kann man abwechselnd das Bild links oder rechts im Blog eintragen.
Wenn man den Code ohne die vorangesetzte Klasse in der custom einfügt (also z.B. .bild-rechts weg lässt), gilt es halt global und wird bei allen Beiträgen gesetzt.
Für das Einleitungsbild geht es genauso:
/*CSS-Klasse Einleitungsbild*/
.einleitungsbild-links.item-image {
float: left;
padding-top: 5px;
padding-right: 10px;
max-width: 50%;
}
/*CSS-Klasse Einleitungsbild*/
.einleitungsbild-rechts.item-image {
float: right;
padding-top: 5px;
padding-left: 10px;
max-width: 50%;
}Das ist aber nicht spezifisch für das Template sondern Joomla know how.
Gruß Dirk
Joomlaplates Admin
Joomla-Meister im forum.joomla.de/
Joomlaplates Admin
Joomla-Meister im forum.joomla.de/
Bitte Anmelden oder Registrieren um der Konversation beizutreten.
- Jonny66
-
Autor
- Fresh Boarder
-
- Beiträge: 12
- Dank erhalten: 0
- Administrator
-
- Moderator
-
- Beiträge: 924
- Dank erhalten: 152