Forums

Default Image Slider Block - Adjust Height

Permalink
Hello,

I am using the Sidebar theme in 5.7. The images I have placed in the block are naturally 400 x 600, however the slider stretches them on my screen to a larger size despite how small I try to make it. Is there any way to set a max-height for the slider? I can't seem to find it in the files...only css that pertains to the title of the slide etc. I appreciate any and all help as this site I'm working on is for a fashion show...lots of sliders from shows throughout the years.

Thanks!
DeviantDeer
 
MrKDilkington replied on at Permalink Reply
MrKDilkington
Hi eriset,

What is the address of your website?
DeviantDeer replied on at Permalink Reply
DeviantDeer
Hi, the site in particular that I'm talking about is demo.simplypink.org. It's still in development (hence the demo sub domain). The sliders I'm troubled with are under the simply pink fashion show...the child pages (2015, 2016, etc.). For now I have put the sliders into areas that are only 5 columns wide in order to control them, but intially I wanted it in a full column.
MrKDilkington replied on at Permalink Best Answer Reply
MrKDilkington
@eriset

If you need the slideshow images to display at their natural size, you could try adding this CSS:
.rslides li img {
    max-width: 100%;
    width: auto;
}
DeviantDeer replied on at Permalink Reply
DeviantDeer
Thanks, for the help. I made a small change and used "max-height: 100%;" I couldn't find that in the concrete files to change it, which is why I asked. I keep forgetting there's a custom css section under "design >>customize" in the settings. I guess I'm still getting used to using a CMS and all it's functionality. The first few sites we built were from scratch where we had to code it all with not much of a UI, so I always default to ..."where is it written in the code."

Cheers!

.rslides li img {
   max-height: 100%;
   width: auto;
}