Beschreibung Unterstich falsch

Thema wurde von Anonymous, 16. Dezember 2016 erstellt.

  1. Anonymous
    Anonymous Erfahrener Benutzer
    Registriert seit:
    9. November 2016
    Beiträge:
    229
    Danke erhalten:
    2
    Danke vergeben:
    60
    Bei der Artikelbeschreibung wird der Unterstrich zuerst dich dann dünn angezeigt!?
    Kann mir bitte jemand helfen wie ich das ändern kann...
     

    Anhänge:

    • nf4.jpg
      nf4.jpg
      Dateigröße:
      362 KB
      Aufrufe:
      21
  2. barbara
    barbara G-WARD 2014-2020
    Registriert seit:
    14. August 2011
    Beiträge:
    35.657
    Danke erhalten:
    11.371
    Danke vergeben:
    1.617
    Der dicke Strich kennzeichnet den aktiven Tab.

    Code:
    product-info .product-info-description .nav-tabs-container > .nav.nav-tabs li {
        top: 0px;
    }
    
    .nav-tabs > li.active {
        border-bottom: 1px solid #Deine Farbe;
    }
    Das sollte das Problem lösen.
    Statt #Deine Farbe musst Du noch Deinen Farb-Code eingeben.
     
  3. Anonymous
    Anonymous Erfahrener Benutzer
    Registriert seit:
    9. November 2016
    Beiträge:
    229
    Danke erhalten:
    2
    Danke vergeben:
    60
    Danke. Das Problem ist leider nicht weg.

    Der Strich ist nun zuerst dünn und wird dann dick - also umgekehrt. Die Farbe hat sich aber wie gewünscht geändert.
    Aber der weiterführende dicke Strich sollte auch weg - da nicht schön...

    Hier zb kann man das Problem sehen:
    (Link nur für registrierte Nutzer sichtbar.)
     
  4. barbara
    barbara G-WARD 2014-2020
    Registriert seit:
    14. August 2011
    Beiträge:
    35.657
    Danke erhalten:
    11.371
    Danke vergeben:
    1.617
    Das wäre dann die:
    Code:
    .nav-tabs {
        border-bottom: 1px solid #8b0000;
    }
    Du musst aber den Code
    Code:
    .product-info .product-info-description .nav-tabs-container > .nav.nav-tabs li {
        top: 1px;
    }
    Auch setzten, sonst ist die Linie nicht gleich hoch.
    Ich bin mir nicht ganz sicher ob 0px oder 1px, das müsstest Du bitte ausprobieren.
     
  5. ReneT
    ReneT Erfahrener Benutzer
    Registriert seit:
    1. Dezember 2016
    Beiträge:
    708
    Danke erhalten:
    232
    Danke vergeben:
    67
    Und ganz WICHTIG... nicht in den CSS Dateien ändern sondern eine eigene CSS Datei anlegen...
    Werden die bestehende CSS Dateien geändert, ist die Änderung beim nächsten Update futsch.

    Hier kommt die eigene CSS Datei hin -> templates/DEIN_TEMPLATE/usermod/css

    DEIN_TEMPLATE z.B. Honeygrid
     
  6. Anonymous
    Anonymous Erfahrener Benutzer
    Registriert seit:
    9. November 2016
    Beiträge:
    229
    Danke erhalten:
    2
    Danke vergeben:
    60
    Ich habe den CSS im StyleEdit gesetzt unter "eigener Style" dort auf "Eigene CSS setzen"
    ist das hier falsch?
     
  7. Anonymous
    Anonymous Erfahrener Benutzer
    Registriert seit:
    9. November 2016
    Beiträge:
    229
    Danke erhalten:
    2
    Danke vergeben:
    60

    Ich habe gesetzt:
    }
    product-info .product-info-description .nav-tabs-container > .nav.nav-tabs li {
    top: 0px;
    }
    .nav-tabs > li.active {
    border-bottom: 1px solid #8b0000;
    }

    Und mit 0px und 1px probiert der Dicke und dünne Strich bleiben :(
     
  8. Anonymous
    Anonymous Erfahrener Benutzer
    Registriert seit:
    9. November 2016
    Beiträge:
    229
    Danke erhalten:
    2
    Danke vergeben:
    60

    Habe eine eigne CSS Datei nur dort hin gelegt, erkennt das System dann automatisch das diese Datei verwendet werden soll?
     
  9. Anonymous
    Anonymous Erfahrener Benutzer
    Registriert seit:
    9. November 2016
    Beiträge:
    229
    Danke erhalten:
    2
    Danke vergeben:
    60

    Ok habe es geschafft....Allerdings geht es mit der Farbe nur bis zum ende der Überschrift, danach geht der Stich mit der Farbe schwarz weiter.

    Der Fehler warum es vorhin nicht ging war bei mir, dass ich den Code umgehrt eingeben muss.

    So also:

    .nav-tabs > li.active {
    border-bottom: 1px solid #Deine Farbe;
    }
    product-info .product-info-description .nav-tabs-container > .nav.nav-tabs li {
    top: 0px;
    }

    anstatt:

    product-info .product-info-description .nav-tabs-container > .nav.nav-tabs li {
    top: 0px;
    }
    .nav-tabs > li.active {
    border-bottom: 1px solid #Deine Farbe;
    }
     
  10. barbara
    barbara G-WARD 2014-2020
    Registriert seit:
    14. August 2011
    Beiträge:
    35.657
    Danke erhalten:
    11.371
    Danke vergeben:
    1.617
    Es ist egal, ob Du eine eigene Datei, oder die Eingabefunktion im Style Editor nutzt.
    Manchmal hängt sich aber etwas im Cache auf, das braucht dann eine Weile bis es sichtbar wird.