• hi. I am trying to move the caption to the left of the image. I so far have managed to move it to the left, but I want it to move past the image to the left. Every way I try to move it, the whole caption moves but it cuts off as soon as it passes the edge. My website it https://www.sheppadviser.com.au/subdirectory

    and the code is :

    /* — Featured slider — */
    #wrapper-featured {
    background: url(‘images/featured-bg.png’) repeat;
    height: 342px;
    float:right;
    padding: 4px;
    overflow: visible;
    margin-bottom: 40px;
    }
    #slider {
    background: url(‘images/loader.gif’) no-repeat 50% 50%;
    }
    .nivo-controlNav {
    position: relative;
    bottom: 81px;
    right: 0px;
    left: 35px;
    padding: 10px;
    z-index: 10;
    }
    .nivo-controlNav a {
    background: url(images/bullet.png) no-repeat;
    display: inline-block;
    width: 22px;
    height: 22px;
    text-indent: -9999px;
    border: 0;
    margin: 5px 2px;
    opacity: 0.8;
    float:left;
    }
    .nivo-controlNav a:hover,
    .nivo-controlNav a.active {
    background: url(images/bullet-hover.png) no-repeat;
    }
    .nivo-directionNav a {
    background: url(images/arrows.png) no-repeat;
    display: block;
    width: 30px;
    height: 30px;
    text-indent: -9999px;
    border: 0;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
    }
    a.nivo-nextNav {
    background-position: -30px 0;
    right: 15px;
    }
    a.nivo-nextNav:hover {
    background-position: -30px -30px;;
    }
    a.nivo-prevNav {
    left: 15px;
    }
    a.nivo-prevNav:hover {
    background-position: 0 -30px;;
    }
    .nivo-caption {
    border-right: 1px solid #FFF;
    padding:;
    padding-top: 0px;
    float:left;
    height: 100%;
    width:205px;
    }
    .nivo-caption h1 a {
    color: #FFF;
    font-size: 25px;
    padding-top:40px;
    }
    .nivo-caption h1 a:hover {
    color: #00AEEF;
    }
    .nivo-caption p {
    padding: 0px;
    padding-top:25px;
    }

    everything I have changed/added is on the far right of the code. I removed all the other changes to make it float left beyond the image but if anyone can help me do it I would be very grateful.
    Thanks in advance.
    Dave.

    https://www.ads-software.com/plugins/wp-nivo-slider/

Viewing 1 replies (of 1 total)
Viewing 1 replies (of 1 total)
  • The topic ‘move caption info to left’ is closed to new replies.