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

Theme Solider Größe ändern

Dieses Thema im Forum "Design" wurde erstellt von MarcoHH, 29. Januar 2012.

  1. MarcoHH

    MarcoHH New Member

    Registriert seit:
    29. Januar 2012
    Beiträge:
    2
    Zustimmungen:
    0
    Hallo,

    ich habe mir ein Template bei Template-Monster gekauft.

    Es lief auch alles super bis auf die Anpassung von der Größe vom eingebauten Slider.

    Ich habe es heute den ganzen Tag versucht und habe versucht mich in CSS reinzulesen aber ich bekomme es einfach nicht hin und hoffe nun auf Eure Hilfe.

    Es geht um folgendes Theme:

    http://www.templatemonster.com/wordpress-themes/37274.html

    Ich möchte gerne die Größe vom Slider oben ändern.
    Dieser liegt aktuell bei 1600 px. breite.
    Das ist für die meisten Monitore und Einstellung leider zu viel denke ich.

    Ich möchte Ihn gerne auf 1050px Breite ändern.

    Meiner Meinung nach müsste es über die CSS gehen in folgendem Code:


    /* Slider
    ---------------------------------------- */
    #slider-wrapper {
    height:550px;
    overflow:hidden;
    position:absolute;
    top:0;
    left:0;
    margin-bottom:0;
    width:100%;
    }
    #slider {
    position:relativ;
    top:0;
    left:50%;
    width:1600px;
    height:630px;
    background:url(images/loading.gif) no-repeat 50% 50%;
    margin:0 0 0 -800px;
    }
    #slider-bottom {
    position:relative;
    top:-4px;
    left:50%;
    width:1600px;
    height:4px;
    background:url(images/slider-bottom.png) 0 0 repeat-x;
    z-index:97;
    margin:0 0 0 -800px;
    }
    #slider-left {
    position:absolute;
    top:0;
    left:50%;
    width:50px;
    height:630px;
    background:url(images/slider-left.png) 0 0 repeat-y;
    z-index:98;
    margin:0 0 0 -800px;
    }
    #slider-right {
    position:absolute;
    top:0;
    right:50%;
    width:50px;
    height:630px;
    background:url(images/slider-right.png) 100% 0 repeat-y;
    z-index:98;
    margin:0 -800px 0 0;
    }
    #slider img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
    }
    #slider a {
    border:0;
    display:block;
    }


    /* The Nivo Slider styles */
    .nivoSlider {
    position:relative;
    }
    .nivoSlider img {
    position:absolute;
    top:0px;
    left:0px;
    }
    /* If an image is wrapped in a link */
    .nivoSlider a.nivo-imageLink {
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    border:0;
    padding:0;
    margin:0;
    z-index:60;
    display:none;
    }
    /* The slices in the Slider */
    .nivo-slice {
    display:block;
    position:absolute;
    z-index:50;
    height:100%;
    }
    .nivo-box {
    display:block;
    position:absolute;
    z-index:5;
    }
    /* Caption styles */
    .nivo-caption {
    position:absolute;
    left:0px;
    bottom:0px;
    background:#000;
    color:#fff;
    opacity:0.8; /* Overridden by captionOpacity setting */
    width:100%;
    z-index:89;
    }
    .nivo-caption .nivo-caption-inner {
    padding:0;
    margin:0;
    }
    .nivo-caption a {
    display:inline !important;
    }
    .nivo-html-caption {
    display:none;
    }
    /* Direction nav styles (e.g. Next & Prev) */
    .nivo-directionNav {

    }
    .nivo-directionNav a {
    position:absolute;
    display:block;
    width:57px;
    height:96px;
    top:45%;
    z-index:99;
    text-indent:-9999px;
    cursor:pointer;
    background-image:url(images/direction_nav.png);
    background-repeat:no-repeat;
    border:0;
    }
    a.nivo-nextNav {
    right:250px;
    background-position:-63px 0;
    }
    a.nivo-nextNav:hover {
    background-position:-63px 0;
    }
    a.nivo-prevNav {
    left:250px;
    background-position:0 0;
    }
    a.nivo-prevNav:hover {
    background-position:0 0;
    }
    /* Control nav styles (e.g. 1,2,3...) */
    .nivo-controlNav {
    position:absolute;
    width:auto;
    height:10px;
    right:364px;
    top:150px;
    text-align:center;
    padding:7px 8px 7px 10px;
    background:#FFF;
    border:1px solid #53311F;
    -moz-box-shadow: 0 0 5px #000;
    -webkit-box-shadow: 0 0 5px #000;
    box-shadow: 0 0 5px #000;
    z-index:999;
    line-height:10px;
    }
    .nivo-controlNav a {
    position:relative;
    z-index:999;
    cursor:pointer;
    display:inline-block !important;
    margin:0 2px 0 0;
    padding:0;
    width:10px;
    height:10px;
    overflow:hidden;
    text-indent:-10000px;
    background:url(images/testi-nav.png) -26px 0 no-repeat;
    }
    .nivo-controlNav a.active, .nivo-controlNav a:hover {
    background-position:0 0;
    }


    #slider .nivo-controlNav img {
    display:inline; /* Unhide the thumbnails */
    position:relative;
    margin-right:10px;
    width:120px;
    height:auto;
    }


    Ich habe bereits die 1600 px geändert.
    Es tut sich allerdings nichts :(

    Ich hoffe sehr das ihr mir helfen könnt und danke euch bereits jetzt schon.

    Gruss
     
  2. MarcoHH

    MarcoHH New Member

    Registriert seit:
    29. Januar 2012
    Beiträge:
    2
    Zustimmungen:
    0
    Es soll natürlich SLIDER in der Überschrift heißen.
    Der blöde MAC hat mal wieder sein eigenes Wort daraus gemacht.
     
  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