Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • July 17, 2018 at 5:06 pm #986511
    sala9552

    Die Abstände vom “Weiterlesen” Link zum Bild des nächsten Artikel sind unterschiedlich.
    Lösung?
    SCREENSHOT

    July 17, 2018 at 6:33 pm #986552
    Dude

    Hey sala9552,

    Das Problem wird durch die unterschiedlich langen Überschriften verursacht. Ich würde daher empfehlen, für die Überschriften eine Minimalhöhe zu setzen, damit der darunterliegende Inhalt immer “auf derselben Höhe” anfängt. Füge hierzu diesen Code in das Quick CSS Feld oder in die Child Theme style.css ein:

    
#top #wrap_all .all_colors .slide-entry-wrap h3 {
    min-height: 72px;
}

    Natürlich kannst Du den Wert 72 auch durch einen höheren Wert ersetzen (falls zB die Überschriften noch länger werden sollten).

    Best regards,
    Dude

    July 17, 2018 at 6:40 pm #986560
    sala9552

    Leider löst dies das Problem in der Mobile-Ansicht nicht!
    Der Abstand vom “Weiterlesen” Link zum Bild des nächsten Artikel bleibt unterschiedlich.

    July 17, 2018 at 6:57 pm #986574
    Dude

    Hi,

    Dbzgl verwende bitte folgenden CSS Code:

    
@media only screen and (max-width: 767px){
#top #wrap_all .avia-content-slider .slide-entry-wrap {
    margin-bottom: 0;
}
}

    Best regards,
    Dude

    July 17, 2018 at 7:29 pm #986596
    sala9552

    Hier wird dann aber nur der jeweils 3. Artikel angesprochen!
    Habe 3 Spalten Ansicht am Desktop.

    Sorry, auch noch nicht die Lösung!

    July 18, 2018 at 5:12 pm #987098
    sala9552

    Habe leider noch keine Lösung für dieses Problem gefunden!
    Das kann ja nicht nur bei diesem Projekt ein Problem sein!

    July 18, 2018 at 9:06 pm #987179
    Dude

    Hi

    Versuche bitte diesen Code – er sollte die Abstände aller Elemente nivellieren und dann 20px Abstand zu allen Elementen (nach unten hin) hinzufügen : 

    
@media only screen and (max-width: 767px){
 .responsive #top #wrap_all .slide-entry.flex_column {
margin-bottom: 0;
}

#top #wrap_all .avia-content-slider .slide-entry-wrap {
    margin-bottom: 0;
}

.responsive #top #wrap_all .avia-content-slider-even .slide-entry.slide-parity-odd, .responsive #top #wrap_all .avia-content-slider-odd .slide-entry.slide-parity-even {
    margin-bottom: 20px;
}
}

    Regards,
    Peter

    July 19, 2018 at 11:50 am #987346
    sala9552

    damit ich nun überall den gleichen Abstand zu allen Elementen (nach unten hin) habe,
    musste ich nun folgende margin-bottom Werte nehmen:

    
@media only screen and (max-width: 767px){
 .responsive #top #wrap_all .slide-entry.flex_column {
margin-bottom: 20px;
}

#top #wrap_all .avia-content-slider .slide-entry-wrap {
    margin-bottom: 0px;
}

.responsive #top #wrap_all .avia-content-slider-even .slide-entry.slide-parity-odd, .responsive #top #wrap_all .avia-content-slider-odd .slide-entry.slide-parity-even {
    margin-bottom: 20px;
}
}

    danke,
    ist nun gelöst

    July 19, 2018 at 7:12 pm #987587
    Dude

    Hi,

    Schön, dass Du eine Lösung gefunden hast :)

    LG,
    Dude

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Abstände der Blog-Artikel in Mobile-Ansicht unterschiedlich!’ is closed to new replies.