Remove Border From WP Yoko theme-cycle rotator slideshow

  • Author
    Posts
  • #1274831

    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 kelimeleroyuncagimiz.com.

    #1274981

    Add this to your custom CSS:

    .slideshow-window {
    background-color: transparent !important;
    border: none !important;
    }
    #1274982

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

    #1274983

    kakarakikiri
    Member

    Thank you very very much:)

    #1275087

    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?

    #1275088

    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.

    #1275089

    kakarakikiri
    Member

    Thanks for the quick reply.

    #1275095

    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.

    #1275097

    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?

    #1275098

    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.)

    #1275103

    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.

    #1275146

    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.

    #1275147

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

    {bows to Panos}

    #1275160

    kakarakikiri
    Member

    thank you very much…

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