Überschrift h1, h2 etc... in CSS neu gestalten

Thema wurde von Getty-Sports, 10. Januar 2023 erstellt.

  1. Getty-Sports

    Getty-Sports Mitglied

    Registriert seit:
    13. Dezember 2022
    Beiträge:
    14
    Danke erhalten:
    0
    Danke vergeben:
    1
    Hallo,

    wir benutzen das Malibu-Theme und möchten gerne der Überschriftenstruktur ein neues Design verpassen. Dazu möchten wir gerne CSS benutzen.
    Die Überschrift sollte wieder linksbündig sein und der kleine horizontale Unterstrich soll weg.
    Wie kann ich das machen mit CSS?

    Der folgende Code funktioniert nicht. :(

    .h1
    {
    text-align: left;
    }

    Über Hilfe sind wir sehr dankbar!

    Schöne Grüße
    Timo
     
  2. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    28. Dezember 2020
    Beiträge:
    230
    Danke erhalten:
    100
    Danke vergeben:
    28
    ohne Punkt:
    h1
    {text-align: left;}

    Bedenke es werden dann alle h1 über css angesprochen!
     
  3. Kai Stejuhn

    Kai Stejuhn Beta-Held

    Registriert seit:
    26. September 2014
    Beiträge:
    1.403
    Danke erhalten:
    707
    Danke vergeben:
    92
    Wo genau möchtest Du das denn ändern? Ist das da denn eine H1-Überschrift? Ein Link zur Baustelle ist nie verkehrt.
     
  4. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    28. Dezember 2020
    Beiträge:
    230
    Danke erhalten:
    100
    Danke vergeben:
    28
    Ohne horizontalen Unterstrich:
    h1 {border-bottom: none;}
     
  5. Getty-Sports

    Getty-Sports Mitglied

    Registriert seit:
    13. Dezember 2022
    Beiträge:
    14
    Danke erhalten:
    0
    Danke vergeben:
    1
    Hallo,
    ich möchte es gerne in CSS ändern. Es gibt in der Bearbeitung vom Theme die folgende Option:

    upload_2023-1-10_15-28-29.png

    Unter diesem Punkt wollte ich es bearbeiten.
    Weiß du wie es geht?

    Ja, ich wollte es ist eine H1-Überschrift aber als Klasse wäre es dann auch recht gut, dann ändert man nicht gleich alle Seiten.

    Schöne Grüße
    Timo
     
  6. Getty-Sports

    Getty-Sports Mitglied

    Registriert seit:
    13. Dezember 2022
    Beiträge:
    14
    Danke erhalten:
    0
    Danke vergeben:
    1
    Ob mit Punkt oder ohne... hat beides nicht funktioniert. Als Klasse wäre es auch nicht schlecht, da hast du recht. Wie macht man das?

    Schöne Grüße
    Timo
     
  7. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    5. Mai 2022
    Beiträge:
    1.463
    Danke erhalten:
    551
    Danke vergeben:
    211
    Zeig mal deinen Shop und welche Überschrift du ändern willst.
     
  8. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    28. Dezember 2020
    Beiträge:
    230
    Danke erhalten:
    100
    Danke vergeben:
    28
    Da schließe ich mich der Antwort von @Kai Stejuhn an, ohne Link zum Patienten und welche h1 du genau ändern willst, kann ich dir schlecht helfen.
     
  9. Getty-Sports

    Getty-Sports Mitglied

    Registriert seit:
    13. Dezember 2022
    Beiträge:
    14
    Danke erhalten:
    0
    Danke vergeben:
    1
    Der Shop ist hier zu finden...

    (Link nur für registrierte Nutzer sichtbar.)

    Wir möchten ganz gerne diese Überschrift ändern:

    GETTY-SPORTS - TURNANZÜGE MADE IN GERMANY

    Das hat bisher noch nicht funktioniert mit Gerds Vorschlägen.

    Schöne Grüße
    Timo
     
  10. Dominik Späte

    Dominik Späte Erfahrener Benutzer

    Registriert seit:
    16. Oktober 2018
    Beiträge:
    930
    Danke erhalten:
    801
    Danke vergeben:
    300
    Code:
    body.page-index #main h1.text-left{
      text-align: left;
    }
    
    body.page-index #main h1.text-left::after{
      background-color: transparent;
    }
    
     
  11. Getty-Sports

    Getty-Sports Mitglied

    Registriert seit:
    13. Dezember 2022
    Beiträge:
    14
    Danke erhalten:
    0
    Danke vergeben:
    1
    Super, vielen Dank! Das hat funktioniert.
    Wo findet man die Klassen "body.page-index #main h1.text-left" oder "body.page-index #main h1.text-left::after" ?