Text soll komplettes Beitragsbild umfließen

Beowolf · 22. Juli 2023

Hallo zusammen,

ich möchte gerne, das der Text das komplettes Beitragsbild umfließt.

Hier der Beispielbeitrag

Ich habe schon in der custom.css folgenden Eintrag gemacht

Code

.article-details .article-full-image {
    position: relative;
    /*display: none;*/
    margin-bottom: 20px;
    max-width: 45%;
    float: left;

Das hatte ich im Netz gefunden. Leider ohne Erfolg.

Was bzw. wo kann ich noch etwas probieren?

Grüße und Danke

Manfred

WM-Loose · 22. Juli 2023

Üblich ist hierbei die Erstellung von CSS-Klassen für Bilder in Beiträgen.

Die CSS-Klassen scheibst du als css Code in deine custom.css oder user.css (je nach Template).

Danach kannst du die Klassen in jedem Beitrag angeben, der diese Darstellung (Klasse) nutzen soll.

Beispiele CSS-Klassen Bild:

Code

/*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%;
}
/*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%;
}

Alles anzeigen

Diesen Code kannst du nun im Beitrag bei "Bilder und Links" für dein Einleitungs -oder Beitragsbild einfügen:

Beowolf · 23. Juli 2023

Das hatte ich ja versucht, aber leider reagiert Joomla da nicht drauf.

WM-Loose · 23. Juli 2023

Wo hast du denn den Code eingetragen?

Beowolf · 23. Juli 2023

Also, der Code ist in der custom.css vom aktuellem Template.

Die Joomla-Installation hat auch noch den Page-Builder Pro installiert. Erst wenn ich die sppagebuilder.css mal umbenenne, fuktioniert es.

Muß oder soll der Code in die sppagebuilder.css ?

Wenn ja wie und wo? In der Datei gibt es keinen Zeilenumbruch.

Sieger66 · 24. Juli 2023

Ich verwende derlei Page-Builder und Template nicht aber

du verwendest wohl das Helix Ulimate dann

lies mal die Doku des Templates bzw. dessen zusätzliches Framework:

Custom Code (CSS / JS / Meta) | Helix Ultimate - Documentation

www.joomshaper.com

wo das zusätzliche CSS einzutragen ist.

Und stelle deine Frage am besten auch dort und gib uns hier dann möglichst auch einen Link zu deinem Thread dort:

www.joomshaper.com/forum

www.templatemonster.com/joomla-templates/dryad-gardening-company-joomla-4-template-209564.html