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.657
    Danke erhalten:
    11.371
    Danke vergeben:
    1.616
    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:
    467
    Danke erhalten:
    164
    Danke vergeben:
    648
    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.657
    Danke erhalten:
    11.371
    Danke vergeben:
    1.616
    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:
    4.076
    Danke erhalten:
    646
    Danke vergeben:
    307
    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:
    4.076
    Danke erhalten:
    646
    Danke vergeben:
    307
    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:
    4.076
    Danke erhalten:
    646
    Danke vergeben:
    307
    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:
    4.076
    Danke erhalten:
    646
    Danke vergeben:
    307
    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:
    467
    Danke erhalten:
    164
    Danke vergeben:
    648
    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:
    4.076
    Danke erhalten:
    646
    Danke vergeben:
    307
    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:
    4.076
    Danke erhalten:
    646
    Danke vergeben:
    307
    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:
    4.076
    Danke erhalten:
    646
    Danke vergeben:
    307
    @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.