Seite 1 von 1

Anpassung Header AscentM5

Verfasst: Mo 10. Jun 2024, 14:43
von inno
Hallo Tommy, ist es möglich den Header beim Theme AscentM5 anzupassen. Also den Kreis oben rechts entfernen, damit alles weiter oben steht? Siehe Screenshot. Vielleicht ist es auch einfacher den Kreis durch ein weiteres Bild zu ersetzen?
Danke schon mal für deine Hilfe.

Re: Anpassung Header AscentM5

Verfasst: Mo 10. Jun 2024, 15:23
von Tommy Herrmann
Moin,

na ja - im Prinzip kannst du natürlich jeden Block komplett umbauen, dazu benötigt man ein wenig Kenntnisse in HTML und CSS.

Es ist daher immer einfacher einen möglichst passenden Block zu suchen und den dann vielleicht noch ein bisschen anzupassen.

Beispiel:

Ich mal diesen Block aus der Kategorie "Features" gewählt und nur die Breite der verwendeten "col" (columns) - also der Spalten angepasst:


Header und Features Blöcke.jpg


von jeweils 6 (Bootstrap verwendet immer 12 Spalten in der Breite) auf 8 und 4 (rot markiert):


Anderer Header Code.jpg


Dann sieht das z.B. so aus:


Anderer Header.jpg



Wolltest Du es dann doch noch anders - müsste ich erst gucken ...

Re: Anpassung Header AscentM5

Verfasst: Mo 10. Jun 2024, 15:26
von Tommy Herrmann
Ich schreibe Dir gleich noch, wie Du bei Deinem Block den Kreis weg machen kannst ...

Re: Anpassung Header AscentM5

Verfasst: Mo 10. Jun 2024, 15:32
von Tommy Herrmann
Zum Entfernen des Kreises, habe ich dieses <div> (Container) gesucht und "auskommentiert":

Man kommentiert Bereiche aus, indem man mit diesen Zeichen beginnt:

<!--

und am Ende das Auskommentieren mit diesen Zeichen beendet (könntest diesen Bereich natürlich auch einfach löschen):

-->


Kreis entfernen.jpg



und schon ist dieser Container weg:


Ohne Kreis.jpg

Re: Anpassung Header AscentM5

Verfasst: Mo 10. Jun 2024, 15:59
von inno
Klasse! Danke dir!!! :tu: