Css for slideshow

  • Author
    Posts
  • #887655

    oeditorial
    Member

    Hello!
    In the Chunk theme, how can i have a slideshow with the imagens only, without the black frame. Is theme any CSS code for that?
    Thanks for the help

    The blog I need help with is oeditorial.wordpress.com.

    #887858
    #887906

    The example linked above is from over a year ago. I tried it out on the http://oeditorial.wordpress.com/ blog, and it didn’t work in my test.

    I tried another way which is to change the background and border color to white. Give this CSS a try on your Appearance → Custom Design → CSS page:

    .slideshow-window {
    	background: #fff;
    	border-color: #fff;
    }
    #887952

    oeditorial
    Member

    Thanks so much… one more question: is it possible to have the slideshow with the full width of the pictures? In other words, i don’t want to have any border (even if it’s white), only the pictures…

    Thanks again,

    #887958

    You can’t change the actual embedded image size as that is hard coded into the slideshow feature. What you can do is use CSS to force the images to stretch. Note that this may cause some images to look pixelated or blurry. You can try it out to see if it works in your case–I think it might because you won’t be stretching the images a ton.

    Try replacing the previous example with the following one on your Appearance → Custom Design → CSS page:

    .slideshow-window {
    	background: #fff;
    	border: none;
    }
    body div.slideshow-window div.slideshow-slide img,
    .slideshow-slide-caption {
    	width: 580px !important;
    }
    .slideshow-slide-caption {
    	color: black;
    	text-shadow: none;
    }
    #887960

    oeditorial
    Member

    Thank you so much, that’s perfect… i only have to change some photos sizes!
    Have a nice weekend

    #887961

    You too! Cheers :)

The topic ‘Css for slideshow’ is closed to new replies.