How do I increase Slide Show height in Karuna?

fugcheese · Member · Mar 13, 2021 at 2:23 am
Copy link

Add topic to favorites
My website’s comic strip page starts at the top with my latest comic strip. After this, I include a slideshow of my past strips. This slideshow displays the comic strips smaller than the single image of the latest strip located at the top.

WEEKLY COMIC STRIPS

When viewing on a mobile device, the top strip looks perfect. Then you scroll down to the slideshow and the images are too small, making the text too hard to read.

My guess is that the slideshow height is defaulted to short. How can I increase the slideshow height?

I am using the Karuna theme.

Thanks for your help!!!

– Davy Jones

The blog I need help with is: (visible only to logged in users)
staff-blorbo · Staff · Mar 13, 2021 at 8:11 pm
Copy link
In the block’s settings to the right, try setting the image size to either Full or Large, one of those should work.
fugcheese · Member · Mar 13, 2021 at 9:29 pm
Copy link
Tried that. Does not work. Images remains the same size… too small
fugcheese · Member · Mar 13, 2021 at 9:48 pm
Copy link
The images are in the slide show. I have them set to full size as I did with the image above. The slide show setting appears to have a set height size. I need to change the slide show height.
staff-blorbo · Staff · Mar 13, 2021 at 11:01 pm
Copy link
Hm, ok, so I see this block is inside a columns block.

Does it work properly when separated outside of the columns?
fugcheese · Member · Mar 14, 2021 at 12:12 am
Copy link
Thanks. I tried that just now and the image is still smaller than it is supposed to be.

The image is too small when veiwed on a mobile device. The top, stand-alone image works perfectly. The slideshow is an epic fail. :(
staff-blorbo · Staff · Mar 14, 2021 at 1:04 am
Copy link
It looks great to me on an iPhone 12 running iOS 14.4.1: https://d.pr/i/RFiDkR

What device are you checking on?
fugcheese · Member · Mar 14, 2021 at 1:12 am
Copy link
Galaxy S10e

On my desktop, there is a size difference as well… not as bad, but I am a picky perfectionist… lol.
fugcheese · Member · Mar 14, 2021 at 6:44 pm
Copy link
I received a direct email which solved my issue on mobile devices!!!

I added the following to the Additional CSS section in my template options…

Please browse to Customizer ( https://wordpress.com/customize/ ) >>
```
/* Increase slideshow image height on mobile | 3818209-zen EH */
@media only screen and (max-width: 768px) {
    .wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_container ul.wp-block-jetpack-slideshow_swiper-wrapper {
        height: auto !important;
    }
}
```
This made the image widen out to full max, making mobile view perfect.

I still had size issues on the desktop view. EASY FIX! I just made the image of the recent comic strip, which rests above the slide show, smaller so it matched the images in the slideshow.

ALL IS PERFECT NOW!!!!

WEEKLY COMIC STRIPS

Thank you all for your help. I hope my scenario helps others.

– Davy Jones, creator of the comic strip Charmy’s Army

No items found.