Vertikale Trennlinien im Footer fehlen

Thema wurde von Anonymous, 27. April 2021 erstellt.

  1. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    11. Mai 2017
    Beiträge:
    248
    Danke erhalten:
    6
    Danke vergeben:
    139
    Guten Morgen.

    Ich versuche die ganze Zeit vertikale Trennlinien in meinen Footer zu bekommen, nur leider fehlt mir dafür das passende CSS. Kann mir einer weiterhelfen?

    footer 1.PNG
     
  2. barbara

    barbara G-WARD 2014-2020

    Registriert seit:
    14. August 2011
    Beiträge:
    35.352
    Danke erhalten:
    11.198
    Danke vergeben:
    1.601
    Versuche es mal mit:
    Code:
    @media (min-width: 768px){
    #footer .inside > .row > div:nth-of-type(2n + 1) {
        border-right: 1px solid #DeineFarbe;
    }}
    @media (min-width: 1200px){
    #footer .inside > .row > div:nth-of-type(2n + 2) {
    border-right: 1px solid #DeineFarbe;
    }
    
    #footer .inside > .row > div:last-of-type {
        border-right: none;
    }}
    
    Eventuell musst Du das auf andere Breiten anpassen
     
  3. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    15. Januar 2020
    Beiträge:
    427
    Danke erhalten:
    142
    Danke vergeben:
    518
    StyleEdit -> Allgemein -> Trennlinien -> Rahmenfarbe Footer-boxen
     
  4. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    11. Mai 2017
    Beiträge:
    248
    Danke erhalten:
    6
    Danke vergeben:
    139
    Hallo Barbara,

    ich habe den Code eingefügt, es passiert aber leider gar nichts.
     
  5. barbara

    barbara G-WARD 2014-2020

    Registriert seit:
    14. August 2011
    Beiträge:
    35.352
    Danke erhalten:
    11.198
    Danke vergeben:
    1.601
    Dann versuche es wie Thomas_F schreibt.
    Den SE hatte ich vorhin nicht auf dem Schirm :)
     
  6. Kai Schoelzke

    Kai Schoelzke Beta-Held

    Registriert seit:
    30. März 2016
    Beiträge:
    3.803
    Danke erhalten:
    548
    Danke vergeben:
    248
    der macht aber keine vertikale Trennlinien
     
  7. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    11. Mai 2017
    Beiträge:
    248
    Danke erhalten:
    6
    Danke vergeben:
    139
    So sieht es leider aus. Sonst noch jemand ne Idee?
     
  8. Kai Schoelzke

    Kai Schoelzke Beta-Held

    Registriert seit:
    30. März 2016
    Beiträge:
    3.803
    Danke erhalten:
    548
    Danke vergeben:
    248
    gerade mal geschaut, das da was sein müsste, ist definitiv im Quelltext zu sehen, allerdings wird die Rahmen Stärke von irgendwas abgeschaltet
     
  9. Kai Schoelzke

    Kai Schoelzke Beta-Held

    Registriert seit:
    30. März 2016
    Beiträge:
    3.803
    Danke erhalten:
    548
    Danke vergeben:
    248
    für die erste Spalte könnte man das nehmen
    Code:
    #footer .inside > .row > div:nth-of-type(2n+1), #footer .inside > .teaser-group-three-squares > div:nth-of-type(2n+1), #footer .inside > .teaser-group-2-cols-big-image > div:nth-of-type(2n+1) {
       border-right-width: 1px!important;
    }
     
  10. Kai Schoelzke

    Kai Schoelzke Beta-Held

    Registriert seit:
    30. März 2016
    Beiträge:
    3.803
    Danke erhalten:
    548
    Danke vergeben:
    248
    und das
    Code:
    #footer .inside > .row > div:nth-of-type(2n+2), #footer .inside > .teaser-group-three-squares > div:nth-of-type(2n+2), #footer .inside > .teaser-group-2-cols-big-image > div:nth-of-type(2n+2) {
    border-right-width: 1px!important;
    }
     
  11. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    15. Januar 2020
    Beiträge:
    427
    Danke erhalten:
    142
    Danke vergeben:
    518
    Bei sind es auch die Vertikalen Trennlinien, wenn ich die auf Transparent stelle sind sie weg, wenn ich denen eine Farbe gebe, sind sie da.
     
  12. Kai Schoelzke

    Kai Schoelzke Beta-Held

    Registriert seit:
    30. März 2016
    Beiträge:
    3.803
    Danke erhalten:
    548
    Danke vergeben:
    248
    Das kommt denke ich auf das Theme an, bei Honeygrid, kann sein ja, bei Malibu muss man den og CSS Code verwenden
     
  13. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    11. Mai 2017
    Beiträge:
    248
    Danke erhalten:
    6
    Danke vergeben:
    139
    @Kai Schoelzke leider funktionieren die beiden Codes auch nicht :-/, irgendetwas scheint zu blockieren.
     
  14. Kai Schoelzke

    Kai Schoelzke Beta-Held

    Registriert seit:
    30. März 2016
    Beiträge:
    3.803
    Danke erhalten:
    548
    Danke vergeben:
    248
    Wenn du meinen genau so kopierst muss das gehen, ich habe das in einem 4.4.0.1 getestet mit Malibu Theme
     
  15. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    11. Mai 2017
    Beiträge:
    248
    Danke erhalten:
    6
    Danke vergeben:
    139
    Hat leider auch nicht funktioniert. Ich habe nochmal geschaut. Die einzelnen Spalten habe ich mit dem SE erstellt, somit haben diese eine eigene ID. Ich hbe jetzt folgendes CSS eingefügt, damit funktioniert es endlich:
    Code:
    #footer {
      #column-id-rrhkvlqxt.gx-content-zone-col.col-md-3, #column-id-ujps7svj4.gx-content-zone-col.col-md-3, #column-id-mln75okoz.gx-content-zone-col.col-md-3 {
        border-right: 1px solid #000000 !important;
        height: 350px;
    }
    }
     
  16. Kai Schoelzke

    Kai Schoelzke Beta-Held

    Registriert seit:
    30. März 2016
    Beiträge:
    3.803
    Danke erhalten:
    548
    Danke vergeben:
    248
    @laser-diele sorry, aber woher sollen wir das den Wissen? In Zukunft bitte solche Infos von Anfang an Mitteilen!
     
  17. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    11. Mai 2017
    Beiträge:
    248
    Danke erhalten:
    6
    Danke vergeben:
    139
    Ok, kann verstehen, dass ihr genervt seid. Ich habe leider überhaupt keine Ahnung von CSS und arbeite mich da gerade erst ein wenig rein. Ich verstehe die ganzen Zusammenhänge damit nicht, und was wie wo man alles beachten muss, noch nicht ganz. Ich hoffe, ihr könnt das verstehen. Das ich euch diese Info vorenthalten habe, war keine Absicht, sondern beruhte ausschließlich auf meiner Unwissenheit in dieser Materie. Ich danke euch trotzdem für eure Unterstützung.