Css for slideshow

oeditorial · Member · May 10, 2012 at 10:16 pm
Copy link

Add topic to favorites
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: (visible only to logged in users)
houstonweaver · Member · May 10, 2012 at 11:55 pm
Copy link
See this thread from earlier today…
https://en.forums.wordpress.com/topic/slide-show-border?replies=6#post-883468
designsimply · Member · May 11, 2012 at 2:28 am
Copy link
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;
}
```
oeditorial · Member · May 11, 2012 at 2:34 pm
Copy link
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,
designsimply · Member · May 11, 2012 at 3:40 pm
Copy link
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;
}
```
oeditorial · Member · May 11, 2012 at 4:16 pm
Copy link
Thank you so much, that’s perfect… i only have to change some photos sizes!
Have a nice weekend
designsimply · Member · May 11, 2012 at 4:22 pm
Copy link
You too! Cheers :)

No items found.