reduce the height for the slideshow

AzimuthDesigns

Is there any way to reduce the height for the slideshow component on the front page of the Magazine style?

I've tried several different alterations but they don't seem to be working. I believe it is this css.

.info-inner {
min-height: 335px;
}

Ninja

AzimuthDesigns
Hi
Set a max height instead
example below code

.articles-slideshow .slideshow-inner {
    max-height: 800px;
}

AzimuthDesigns

Interesting results...the back/forward buttons disappear and the space remains consistantly too high when it responds to a smaller window size. Is there a strategy for a more graceful collapse?

Ninja

AzimuthDesigns
Hi
The 800px is example
you can set it as per needs, first add the code

Also for small screen u can use media query

@media(max-width:468px}{
.articles-slideshow .slideshow-inner {
    max-height: 400px;
}}

AzimuthDesigns

Thank you for the reply, there is an odd discrepancy in the code and/or i am possibly having cache issues.

which one of the below syntax should it have for parentheses around the max-width?

@media{max-width:468px}{
.articles-slideshow .slideshow-inner {
max-height: 400px;
}}

@media(max-width:468px){
.articles-slideshow .slideshow-inner {
max-height: 400px;
}}

AzimuthDesigns

ah it's supposed to be ( )

and now affects the desktop version of the website.

Ninja

AzimuthDesigns
Hi
This code will work only for mobile view

@media(max-width:468px){
.articles-slideshow .slideshow-inner {
max-height: 400px;
}}

For Desktop you already have another code with 800px value.
You can also use different media query for different size.