Widget My-Carousel - Probleme mit der Anzahl der Beiträge

  • Hallo, ich bin neu hier und würde mich freuen, wenn wir mir jemand weiterhelfen könnte.

    Ich habe in meinem Theme das Widget My-Carousel.

    Mein Problem damit ist, solange ich drei Beiträge habe, ist alles schön. Mache ich einen vierten Beitrag ist das ganze Beitragsfenster verschoben, ich zeige euch mal Bildschirmfotos.


    So sieht das Widget aus!

    Die Beiträge werden so angezeigt: (rechts und links ist ein Pfeil, mit dem man die momentan 3 Beiträge hin und her blättern kann)


    Sobald ich einen vierten Beitrag einstelle, ist das ganze Fenster verschoben und sieht so aus:

    Wo muss ich eine Einstellung machen, damit auch mehrere Beiträge wie oben in den Fenster einfach normal mit dem weißen Pfeil bewegt werden können und nicht so komisch neben einander.

    Ich würde mich über eure Hilfe sehr freuen.

    Gruß

    Meilo

    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

  • /* Carousel widget */
    .es-carousel-wrapper{
    background: #EDEDED;
    padding:10px 37px;
    margin:0 0 20px 0;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    position:relative;
    }
    .es-carousel{
    overflow:hidden;
    background:#EDEDED;
    }
    .es-carousel ul{
    display:left;
    }
    .es-carousel ul li{
    height:100%;
    float:left;
    display:block;
    list-style-type:none;
    padding:0;
    margin:0;
    color:#7C8392;
    }
    .es-carousel ul li .thumbnail{
    display:block;
    border-style:solid;
    border-color:none;
    border-width:1px;
    }
    .es-carousel ul li a img{
    display:block;
    border:#222;
    max-height:100%;
    max-width:100%;
    }
    .es-nav span{
    position:absolute;
    top:50%;
    left:12px;
    background:transparent url(images/nav.png) no-repeat top left;
    width:14px;
    height:26px;
    margin-top:-13px;
    text-indent:-9000px;
    cursor:pointer;
    opacity:0.8;
    }
    .es-carousel ul li h4 {
    margin-bottom:.5em;
    }
    .es-carousel ul li .excerpt {
    margin-bottom:10px;
    }
    .es-nav span.es-nav-next{
    right:12px;
    left:auto;
    background-position:top right;
    }
    .es-nav span:hover{
    opacity:1.0;

  • Weil ich keine Ahnung habe ;-).

    Es wäre ganz leicht, wenn man irgendwo in den HTML Code kommen könnte, da wüßte ich schon was ich ändern müsste damit es geht. Zumindest glaube ich es, denn dort gibt es folgende Zeile (siehe beigefügtes Foto) und diese dreimal, wenn ich diese ein viertes oder fünftes oder beliebiges Mal einsetzen würde, könnte es vielleicht gehen.

    Denn sobald ich einen vierten Beitrag setze ist das ganze Beitragsfenster verschoben.

    Aber den gibt es ja irgendwie nirgens. Ich bin totale Anfängerin und brauche dringend Hilfe :-(.

    Aber auch die Programmierer und IT Leute mit denen ich gesprochen habe, konnten mir nicht weiterhelfen.

    Über jede Hilfe bin ich sehr dankbar.

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!