Anpassung Header AscentM5

Allgemeine Fragen
inno
Mitglied (Level 10)
Mitglied (Level 10)
Beiträge: 355
Registriert: Do 17. Dez 2020, 11:59

Anpassung Header AscentM5

Ungelesener Beitrag 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.
Dateianhänge
asc1.jpg
asc2.jpg
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 7758
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Anpassung Header AscentM5

Ungelesener Beitrag 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 ...
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 7758
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Anpassung Header AscentM5

Ungelesener Beitrag von Tommy Herrmann »

Ich schreibe Dir gleich noch, wie Du bei Deinem Block den Kreis weg machen kannst ...
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 7758
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Anpassung Header AscentM5

Ungelesener Beitrag 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
inno
Mitglied (Level 10)
Mitglied (Level 10)
Beiträge: 355
Registriert: Do 17. Dez 2020, 11:59

Re: Anpassung Header AscentM5

Ungelesener Beitrag von inno »

Klasse! Danke dir!!! :tu:
Antworten

Wer ist online?

Mitglieder in diesem Forum: Ahrefs [Bot], Amazon [Bot] und 4 Gäste