Support » Plugin: Slider - Responsive WordPress Image Slider Plugin » Examble3 Slider 2 Navigations on the same Site

  • Hello togehter,

    i’ve a short question:
    On a Page with Ultimate Responsive Image Slider Examble 3, i wanna add 4 more arrows to go prev and next Picture. Attached a Picture of that second navi ( not styled).

    Navi

    Here my HTML + CSS

    <div class=”box2″>
    <div class=”text-square”>Galerie</div>
    <span class=”wrap”><span class=”touch”></span>
    <span class=”wrap”><span class=”touch”></span>
    <span class=”wrap”><span class=”touch”></span>
    <span class=”wrap”><span class=”touch”></span>
    <span class=”wrap”><span class=”touch”></span>
    </div>

    .box2{
    height: 30px;
    width: 150px;

    position: relative;
    }
    .wrap {
    position: absolute;
    top: 0;
    left: 25%;
    height: 25%;
    width: 50%;
    overflow: hidden;
    }
    .touch {
    position: absolute;
    top: 0;
    left: 50%;
    height: 200%;
    width: 200%;
    transform: rotate(45deg);
    transform-origin: top left;
    background: gray;
    cursor: pointer;
    }
    .wrap:nth-child(2) {
    transform: rotate(90deg);
    transform-origin: top left;
    top: 25%;
    left: 75%;
    }
    .wrap:nth-child(3) {
    transform: rotate(180deg);
    transform-origin: top left;
    top: 100%;
    left: 75%;
    }
    .wrap:nth-child(4) {
    transform: rotate(270deg);
    transform-origin: top left;
    top: 75%;
    left: 0;
    }

    .wrap:nth-child(7) {
    transform: rotate(270deg);
    transform-origin: top left;
    top: 160%;
    left: 10;
    }

    .wrap:nth-child(9) {
    transform: rotate(-270deg);
    transform-origin: top left;
    top: -80%;
    left: 130px !important;
    }

    .touch:hover {
    background: tomato;
    }

    Information:
    I use the newest WP Version.

    Question:
    The Navigation is there, how can i make those arrows work?
    I dont understand the link between css html and the Action.

    Thanks for your help

Viewing 2 replies - 1 through 2 (of 2 total)
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Examble3 Slider 2 Navigations on the same Site’ is closed to new replies.