Ändern der Position der Related Posts/Tags

[Thobie]

Moin, Moin,

das scheint ein Thema für CSS zu sein.

Ich bin im Internet leider nicht mit einer Lösung schlauer geworden.

Beispiel eines Blogebeitrags meines Foodblogs: https://www.nudelheissundhos.de/2022/02/25/schmale-bandnudeln-mit-tomate-paprika-pesto/

Unterhalb des Blogbeitrags erscheint Werbung.

Ich möchte jetzt folgendes durchführen:

Am besten wäre es, wenn ich die Positionen der "Ähnliche Rezepte" über sämtliche Drucken-/Teilen-/Like-/Schlagwörter-Buttons "verschiebe", also direkt unter die Werbung.

Ist dies nicht durchführbar, dann wäre es schon vorteilhafter, dass sämtliche Drucken-/Teilen-/Like-/Schlagwörter-Buttons zusammenhängen. Sprich, Ähnliche Rezepte soll unter die Schlagwörter rutschen.

Ist das mit CSS machbar?

Danke.

Thobie

 

[Thobie]

Wie ich jetzt herausgefunden habe, sollte dies insgesamt die Reihenfolge der div-Elemente betreffen.
Und das sollte sich mit:

display: flex;
flex-flow: column;

einrichten lassen.
Ich bekomme jedoch den Code nicht hin, um die div-Elemente in der Reihenfolge zu ändern.

 

[Sempervivum]

Hier kannst Du nachlesen, wie Du mit CSS und Flex die Reihenfolge von Elementen ändern kannst:
https://www.html-forum.de/threads/10575/

 

[scatello]

Siehe https://www.html.de/threads/aendern-der-position-von-related-posts-tags.60820