Logo im Layout anpassen

Hallo,

ich verwende das Layout Clean Style Responsive (Zeta 15.4.1 Express), bei dem ich im Bereich Logo links ein Logo und rechts davon Webname und Webslogan eingeben kann.

Nun würde ich gerne anstatt des Websolgans rechts noch eine Grafik einblenden, so dass der Layoutbereich Logo aus Grafik - Text - Grafik bestehen würde.

Ist das irgendwie möglich? Falls nicht, was wäre die beste Alternative um das umzusetzen?

Ich könnte zwar improvisieren und eine riesige Grafik erstellen, die alle drei Elemente enthält, aber das wäre dann in der mobilen Version nicht lesbar.

Die Website ist https://www.eiweisspower.de/ und da soll links ein zusätzliches Logo hinzukommen, der Text in der Mitte bleiben und das linke Logo (Grafik) soll nach rechts. Platz wäre dafür ja optisch, aber technisch ist das für mich nicht umsetzbar.

Nachtrag: Ich würde dafür auch gerne den Webslogan "opfern", wenn ich dort anstatt eines Textes eine Grafik hinterlegen könnte.

Danke.

Viele Grüße

Guido

Vielen Dank DEERBRANDS, das werde ich, leider komplett ohne CSS Kenntnisse, dann mal ausprobieren.

Viele Grüße

Guido

So, ich hab mir das jetzt mal genauer angesehen.

Tatsächlich konnte ich das Attribut web_name_slogan bearbeiten und habe mich da durchgemogelt, indem ich den ursprünglichen Quellcode für das alte Logo, welches jetzt nach rechts soll, in dieses Feld kopiert.

Aber wie ich diesen Slogan neben anstatt unter den Webnamen bekomme, davon hab ich null Ahnung.

Das ist ja sicher von Zeta bereits so hinterlegt, wo der erscheinen soll.

Wenn ich ein ganz neues Attribut anlegen würde, dann wüsste ich nicht, wie ich in html erklären soll, wo es stehen soll.

Ach ja und dann wäre es für die mobile Version natürlich noch klasse, wenn der Webname neben dem Glas stehen würde und ein Zeilenumbruch nach Eiweißpulver erfolgen würde.

Vielleicht hat ja jemand noch eine Idee, denn ich bin eigentlich nur Benutzer und kein Programmierer. Damit bin ich total überfordert.

Aber vielleicht gibt es ja eine einfache Lösung.

Viele Grüße

Guido

Wow, das Logo sieht super aus!!!

Vielen Dank!!!

Wir müssen das noch intern im Team besprechen, ob es für uns verwendbar wäre, denn wir sind da etwas in der Zwickmühle, da wir zwar die einzigen sind, die Eiweißpulver im Glas anbieten, aber zusätzlich auch im Papierbeutel, was dann natürlich verwirren könnte. Aber dieses Problem hatten wir ja schon mit den 2 Logos.

Trotzdem möchte ich das ursprüngliche Problem nochmal aufgreifen. Vielleicht hat ja noch jemand eine Idee.

1. Wie könnte man "sauber" eine zweite Logo-Grafik in eine rechte Spalte des Logo-Bereichs einbauen

2. Wie kann ich im Logo-Bereich für die mobile Version einen Zeilenumbruch für den Webname erreichen, wenn das optisch sinnvoll ist?

Danke und viele Grüße

Guido

Danke Stefan S.

funktioniert in der Desktop Version einwandfrei, wenn ich in dem Artikel im Container eine Tabelle verwende,

aber mobile ist die Darstellung so, als würde man ein einziges großes Bild zusammenschieben. Es findet keinerlei Zeilenumbruch zwischen den drei Elementen Bild-Text-Bild statt und alles wird sehr klein.

Also habe ich den Container zu teilen versucht und habe jetzt 3 Artikel drin.

Das funktioniert auch recht gut, aber nur auf der Startseite.

Suche - Support-Forum

Auf den verknüpften Unterseiten werden diese drei Artikel untereinander angeordnet.

Zentralwerkstatt

Ich finde leider keine Möglichkeit, wie ich das so anordnen könnte, dass Zeta das so macht wie es aussehen soll, also Zeilenumbruch nach jedem Element.

Gibt es dafür eine Lösung?

Viele Grüße

Guido

Das hatte ich in der zweiten Version versucht.

3 Artikel nebeneinander und das klappt dann auf den Unterseiten nicht, da automatisch immer ein Umbruch zwischen den drei Elementen erfolgt.

Die Variante mit Container und den drei Elementen in einer Tabelle ist jetzt online

Nehme ich keine Tabelle innerhalb des Containers, erscheinen die Elemente untereinander, weil ich Bild-Text-Bild (scheinbar) nicht nebeneinander schreiben kann.

Viele Grüße

Guido

Richtig, aber ohne Tabelle sieht es so aus

Suche - Support-Forum

Wir haben das jetzt anders gelöst und nur die beiden Logos verwendet, da das für die mobile Darstellung besser ist

Allerdings befindet sich am unteren Rand des Header Containers eine feine graue Linie.

Warum ist die da und wie bekommt man die weg?

Viele Grüße

Guido

Hallo Maik,

vielen Dank, das hat einwandfrei funktioniert

Viele Grüße

Guido