Tabs in Artikelbeschreibung: Pixel oben wegbekommen?

Thema wurde von Anonymous, 16. September 2018 erstellt.

  1. Anonymous
    Anonymous Erfahrener Benutzer
    Registriert seit:
    14. Juni 2018
    Beiträge:
    1.684
    Danke erhalten:
    297
    Danke vergeben:
    1.117
    #1 Anonymous, 16. September 2018
    Hey Leute

    Ich bin grade dabei meine Tabs anzupassen.
    Klappt mit Style Edit und Custom CSS auch ganz gut aber an einer Stelle hänge ich jetzt schon für Tage!
    Am besten schaut euch kurz das Bild im Anhang an.

    Sehr ihr den Abstand bzw. Farbänderung über dem "Beschreibungs" Tab ?
    Da scheint die Hintergrund Farbe durch!

    Ich habe via Custom CSS den Tab eine Hintergrundfarbe gegeben:

    Code:
    .product-info .product-info-description .nav-tabs-container > .nav.nav-tabs {

background-color: red;
border-radius: 0px;
 
  }

    Ich bekomme es einfach nicht hin, das der aktive Tab farblich bis oben durch geht. Da ist immer noch ein Stück ROT drüber zu sehen. :(

    Hat jemand eine Idee was ich probieren könnte?
    Ich möchte das Tab und Hintergrund bündig abschliessen.


    Wäre für jeden Tipp sehr dankbar,

    Freundliche Grüsse und schönen Sonntag noch!
     

    Anhänge:

  2. Anonymous
    Anonymous Erfahrener Benutzer
    Registriert seit:
    14. Juni 2018
    Beiträge:
    1.684
    Danke erhalten:
    297
    Danke vergeben:
    1.117
    #2 Anonymous, 16. September 2018
    Noch eine Sache an der ich etwas verzweifel:
    Ich habe im Custom CSS der H2 Überschrift den Border Bottom geraubt!
    Dadurch fehlt dieser allerdings auch bei den Tabs da dort wohl ebenfalls H2 Überschriften genutzt werden....
     
  3. barbara
    barbara G-WARD 2014-2020
    Registriert seit:
    14. August 2011
    Beiträge:
    35.657
    Danke erhalten:
    11.371
    Danke vergeben:
    1.616
    #3 barbara, 16. September 2018
    Die Tabs sind keine h2-Überschrift, jedenfalls nicht im standard.

    Versuche es mal mit
    nav-tabs > li.active {
    border-bottom: 3px solid #Deine Farbe;
    border-top: 3px solid #Deine Farbe;
    }

    Die Pixel musst du anpassen.
     
  4. Anonymous
    Anonymous Erfahrener Benutzer
    Registriert seit:
    14. Juni 2018
    Beiträge:
    1.684
    Danke erhalten:
    297
    Danke vergeben:
    1.117
    #4 Anonymous, 16. September 2018
    Leider irgendwie schon....
    Sobald ich das H2 aus meinem Custom CSS entferne, ist der Rahmen unter den Tabs sofort da!

    Dein Code setzt leider nur noch eine Linie oben drauf, der Abstand ist immer noch da :(
     

    Anhänge:

  5. barbara
    barbara G-WARD 2014-2020
    Registriert seit:
    14. August 2011
    Beiträge:
    35.657
    Danke erhalten:
    11.371
    Danke vergeben:
    1.616
    #5 barbara, 16. September 2018
    Wie sieht denn Dein Code aus?

    Dann brauche ich einen Link zur Seite
     
  6. Anonymous
    Anonymous Erfahrener Benutzer
    Registriert seit:
    14. Juni 2018
    Beiträge:
    1.684
    Danke erhalten:
    297
    Danke vergeben:
    1.117
    #6 Anonymous, 16. September 2018
    So nehme ich die Linie bei H2 raus:

    Code:
    h2  {
  border-bottom: 0px;
  margin-bottom: 0px;
}
    Aber das betrifft dann leider auch die Tabs :(
     
  7. barbara
    barbara G-WARD 2014-2020
    Registriert seit:
    14. August 2011
    Beiträge:
    35.657
    Danke erhalten:
    11.371
    Danke vergeben:
    1.616
    #7 barbara, 16. September 2018
    Also ich habe bei den h2-Überschriften den Unterstrich weg, aber in den TAbs habe ich ein border-bottom, was angezeigt wird.
     
  8. Anonymous
    Anonymous Erfahrener Benutzer
    Registriert seit:
    14. Juni 2018
    Beiträge:
    1.684
    Danke erhalten:
    297
    Danke vergeben:
    1.117
    #8 Anonymous, 16. September 2018
    Bei mir nicht :(
    Es betrifft immer nur die Tabs nach Beschreibung.
    Also Tab 2, 3 usw.

    Ich kapier leider auch nicht wie ich die Schrift in den Tabs ändern kann.
    Hätte da gerne Kapitälchen...

    Die Tabs Überschriften sehen exakt so aus wie die H2 Überschriften....
    Das scheint irgendwie verbunden?!
    (Aktuellste Shop Version)

    Hmm diese Tabs machen mich echt verrückt ;)