Need help? Check out our Support site, then


Using Slideshow feature

  1. Hello all,

    I have some CSS issues I would appreciate your help with.

    For the site http://www.ox-academia.com

    I am using the slideshow-slide function on the splash page but the feature had a very big black background around the picture area.

    So, I went and tried to change the CSS to make the background thinner around the photos or make it disappear. My goal would be to have a thin 5px black background around the slideshow.

    Also, I wanted the pictures to display in an area of 525x300, but was not able to achieve this.

    Please see below the code I changed. The first part is for the height and width of the photo area and the second part is for the slideshow window.

    .slideshow-slide {
    height:300px;
    width:525px;
    text-align:center;
    display:none;
    margin:auto;
    }

    .slideshow-window {
    background-color:#ffffff;
    border-top-width:5px;
    border-bottom-width:5px;
    border-top-style:solid;
    border-bottom-style:none;
    border-top-color:#ffffff;
    border-bottom-color:#ffffff;
    border-top-left-radius:1px;
    border-top-right-radius:1px;
    border-bottom-right-radius:5px;
    border-bottom-left-radius:5px;
    margin-bottom:5px;
    }

    Thank you.
    Blog url: http://realagenda.wordpress.com/

  2. Unfortunately, the slideshow can't really be customized to that extent. Too much of if is controlled by JavaScript and can't be adjusted via CSS.

    As for sizes, the photo size itself is controlled by the theme, so even if you manage to change the size of the slideshow area, it won't affect the photos.

  3. Can you tell me what are the black edges on the sides of the photo slideshow?

    If changes cannot be made with CSS, what can they be made with?

    Thanks.

  4. Those are part of the JavaScript, so they can't be changed.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.