Remove Border From WP Yoko theme-cycle rotator slideshow

  • kakarakikiri · Member ·

    I have installed a photo gallery as a slideshow and I want to remove the black border around.

    I tried on CSS
    #content img, #content p img {
    background: #FFFFFF;
    padding: 4px;
    border: 0;
    }
    but it does not work. What am I doing wrong?

    The blog I need help with is: (visible only to logged in users)

  • thesacredpath · Member ·

    Add this to your custom CSS:

    .slideshow-window {
background-color: transparent !important;
border: none !important;
}
  • thesacredpath · Member ·

    What you were doing was changing static image CSS and slideshows have their own CSS for the border/background.

  • kakarakikiri · Member ·

    Thank you very very much:)

  • kakarakikiri · Member ·

    Is it also possible to make the size of the slideshow window half the size?

    And maybe two of them side by side?

  • thesacredpath · Member ·

    Smaller, maybe, but with the caveat that doing so will reduce the quality of the images since you will be relying on the browser to downsize things via CSS (and browsers are lousy at re-sizing images). The image sizes for the slideshow are set in the theme PHP script files and the theme actually creates images from the ones you upload at that size.

    Two slideshows side-by-side, no. CSS is a styling document used by browsers to position and style all the elements of a webpage. It cannot be used to add functionality, such as two slideshows side-by-side.

    The few things I tried to resize the slideshow didn’t work, so I would have to spend more time on it, and it might be that I can’t resize it.

  • kakarakikiri · Member ·

    Thanks for the quick reply.

  • justpi · Member ·

    @Rich: I think you’re thinking of the post sliders. A WP slideshow isn’t part of the theme, it’s just an object inserted via a shortcode in the editor: you can insert two of them in the same post or page, so in theory you could also display them side by side.

  • kakarakikiri · Member ·

    @justpi When I say “slideshow” I mean inserting an image gallery as a slideshow ( like in http://www.kelimeleroyuncagimiz.com ) and since the gallery is wide, I could not find a way to display them side by side. Do you know a way?

  • thesacredpath · Member ·

    Hmmm, you could be right Panos. CSS wouldn’t be the route though as resizing either the images or the container div seems not to work.

    I need to play with slideshows some more to get them all figured out. I’ve actually had a bit of luck with the post sliders in some themes lately, although with a reduction in quality on the images.

    Two slideshows though, side-by-side might be a little confusing with the eye darting back and forth between them as they change. (The previous is just my personal opinion though.)

  • justpi · Member ·

    @kakarakikiri: Yes I know what you mean.
    This would require some experimentation. If the slideshows can be made to display at half the width, then placing them side-by-side would be easy. But I don’t have time to try this now – I might give it a try later tonight, out of curiosity.
    And the truth is I agree with Rich (thsacrepdpath): I don’t see the point of two slideshows side-by-side.

  • justpi · Member ·

    @Rich: I managed to downsize the slideshow. Check this please: 

    .slideshow-window {
width: 42%;
height: 165px !important;
}
.slideshow-slide {
line-height: 160px !important;
width: 100% !important;
}
.slideshow-slide img {
max-height: 165px !important;
}

    Note: this is designed to take up a bit less than half the column width and look ok with the default border.

  • thesacredpath · Member ·

    Nice job Panos. You’ve earned a CSS Guru badge.

    {bows to Panos}

  • kakarakikiri · Member ·

    thank you very much…

  • The topic ‘Remove Border From WP Yoko theme-cycle rotator slideshow’ is closed to new replies.