1. Herzlich willkommen bei WPDE.org, dem grössten und ältesten deutschsprachigen Community-Forum rund um das Thema WordPress. Du musst angemeldet oder registriert sein, um Beiträge verfassen zu können.
    Information ausblenden

Slideshow verkleinern Theme CharitasLite

Dieses Thema im Forum "Design" wurde erstellt von Tinkerbell713, 9. Juli 2016.

  1. Tinkerbell713

    Tinkerbell713 New Member

    Registriert seit:
    9. Juli 2016
    Beiträge:
    3
    Zustimmungen:
    0
    Liebe Forum-Nutzer,

    nach nun mehreren Stunden "Versuch und Irrtum", hoffe ich nun hier eine Antwort auf mein Problem zufinden. Wahrscheinlich eine Kleinigkeit für a einenWP-Profi:
    FolgendesProblem:

    Ich verwende das Theme CHaritas Lite und möchte ganz einfach den oberen Bereichen bzw. die Slidebar verkleinern.
    In der Style.cc Datei sind folgende Angaben. Kann man jemand sagen, wo ich nun die neue "height" einzugeben habe? Habe schon alles versucht, leider ohne Veränderung.
    Vielen lieben Dank für eure Hilfe im Voraus!

    Gallery Slider
    = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */
    .flexslider-gallery .loading {
    background: transparent url("/images/ajax-loader.gif") no-repeat 50% 50%;
    min-height: 300px;
    }

    .flexslider-gallery {
    margin: 0 0 0px 0;
    padding: 0;
    position: relative;
    }

    .flexslider-gallery .slides > li {
    display: none;
    -webkit-backface-visibility: hidden;
    position: relative;
    } /* Hide the slides before the JS is loaded. Avoids image jumping */

    .flexslider-gallery .slides img {
    width: 100%;
    height: 25%;
    display: block;
    }


    /* ==|== Direction Nav = = = = = = = = = = = = = = = = = = = = = */

    .flexslider-gallery .flex-direction-nav {
    *height: 0;
    padding: 0;
    text-align: center;
    width: 100%;
    display: block;
    position: absolute;
    bottom: 50%;
    }

    .flexslider-gallery .flex-direction-nav li {
    max-width: 100%;
    background: red;
    margin: 0 auto;
    display: block;
    }

    .flexslider-gallery .flex-direction-nav .flex-next {
    background-position: 100% 0;
    right: 0px;
    }

    .flexslider-gallery .flex-direction-nav .flex-prev {
    left: 0px;
    }

    .flexslider-gallery:hover .flex-next {
    opacity: 0.8; right: 0px;
    }

    .flexslider-gallery:hover .flex-prev {
    opacity: 0.8; left: 0px;
    }

    .flexslider-gallery:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {
    opacity: 1;
    }

    .flex-direction-nav .flex-disabled {
    opacity: 0.3!important; filter:alpha(opacity=30);
    cursor: default;
    }
     
  2. Michael_Drauer

    Michael_Drauer Well-Known Member

    Registriert seit:
    14. November 2015
    Beiträge:
    212
    Zustimmungen:
    0
    .flexslider .slides img {
    height: 300px;
    }


    .flex-control-nav img {
    height: 85px;
    }
     
  3. Tinkerbell713

    Tinkerbell713 New Member

    Registriert seit:
    9. Juli 2016
    Beiträge:
    3
    Zustimmungen:
    0
    Hallo,
    danke für die Antwort. Nur noch mal zum Verständnis:
    Heißt das, dass ich
    .flexslider .slides img {
    height: 300px;
    }


    .flex-control-nav img {
    height: 85px;
    }


    einfach in die .css einfügen oder übersehe ich diesen Part zur Änderung wieder?

    Danke!
    VG!
     
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden