Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #4703

    Hello,

    I would like to add images on both sides of the slider I know this would be in the main index. But confused as to where?

    #47250

    This is what I was adding: <div class=”leftkoolaid”></div>

    ??

    #47251

    I’m not official support but try placing the image with in the same div as the slider. That probably still want get you what you want, but may get you closer.

    #47252

    Hey,

    1) Thanks dsanders212 for helping us out.

    2) brandiejm – if you need help with the implementation please post a link to your test server or website.

    #47253

    the website is http://blackfolkskoolaid.com

    I’ve tried to do this, but is shows messed up in Safari?

    #47254

    Hey,

    I’d add the image by using an absolute positioned div. In index.php add your code after:

    <div class="wrapper" id='wrapper_featured_area'>

    Now position it by wrapping it in a div – i.e.like:

    <div class="sliderimage">
    image code
    </div>

    At least add following css to style.css:

    .sliderimage {
    position: absolute;
    left: 0px;
    top: 0px;
    }

    You can adjust the position values if you like.

    #47255

    Hello,

    Ok, so I got the images in there and place them in the correct order using css and firefox. I then go to safari and ie and they were WAY off! Any solution?

    I need a image on left and right of the slider to re-size for browser compatibility?

    For the image on the right I had a crazy margin-right of 1050px…. Should I have simply put float right?

    Help please…

    #47256

    I’d change:

    /*koolaid characters*/
    .sliderimage {
    position: absolute;
    padding-left: 500px;
    top: 0px;
    float: right;
    }
    .sliderimage2 {
    position: absolute;
    left: 30px;
    top: 0px;
    }

    to:

    /*koolaid characters*/
    .sliderimage {
    position: absolute;
    right: 0px;
    top: 0px;
    }
    .sliderimage2 {
    position: absolute;
    left: 0px;
    top: 0px;
    }

    This will align the images to the left and to the right.

Viewing 8 posts - 1 through 8 (of 8 total)

The topic ‘Add Image Aside slider’ is closed to new replies.