How to increase the height of Jetpack Slideshow

[varshasalvi]

Hi,
I am using Jetpack plugin on the site and using the slideshow feature on the art-gallery page. However, I cant seem to figure out how to increase the height of the slideshow.
Somehow it seems to be fixed at 410px;
Is there a way around this?

My site is :
http://designforsoul.com/art-gallery/landscapes-6/

http://designforsoul.com

[Brad Dalton]

Here's the CSS i grabbed using Firebug.

You can use Firebug to find the classes and CSS which you can modify in your child theme.

You may need to use !important after the value top over ride a plugins CSS.

And here's the CSS which solves your problem.

I have changed the values from 410 to 500 which works when tested in the browser.

#gallery-352-2-slideshow .slideshow-slide img {
max-height: 500px;
_height: expression(this.scrollHeight >= 500 ? '500px' : 'auto');
}

Another option is to dequeue the styles from the plugin and enqueue them in your child theme.

---

Tutorials for StudioPress Themes.

[varshasalvi]

Hi Brad,

Its not working on my browser .. I am using firefox. I also tried the !important command to override the CSS.
Still not working.

Which browser did you test it on?

[Brad Dalton]

You will need to learn how to use Firebug. Here's a beginners guide to using Firebug for CSS customization

The above image clearly shows the CSS declaration you can modify to change the size of the images in the gallery.

Please mark this as resolved.

---

Tutorials for StudioPress Themes.

[varshasalvi]

Hi Brad,

I used the firebug tool too! However when i put the code in the CSS file and refresh the browser ,code gets overwritten.

It just temporarily expands when change is made in the firebug window. but doesn't retain when the window is refreshed.

[Brad Dalton]

I tested it and works perfectly.

You must have forgotten this

---

Tutorials for StudioPress Themes.

[Anita]

A couple of things:

1) I see a caching going on. If you have a caching plugin installed - clear the cache.
2) Have you used Regenerate Thumbnails? If not, install that plugin and regenerate the thumbnails.
3) I see a Custom CSS being added. I have found with my personal experience - that sometimes the new code I place in the Custom does not work. But if I take the new CSS and put it in the Style.css file, it will work. So if you've added code to Custom, move it over and place it above the Media Queries area.
4) Also, if you have Photon activated in the plugin - resizing will not work. Please note the limitations found here - http://jetpack.me/support/photon/.

---

Love coffee, chocolate and my Bella!

[varshasalvi]

Hi Anita,
Well still no luck:(

I do not have caching plugin on neither do I have Photon activated.
I also tried putting the code in Stylesheet.css and removed it from the Custom CSS.

I am not using the regenerate thumbnails plugin. Could you tell how that would make a change here?

Thanks!

[varshasalvi]

It is working now 🙂

Thank you Brad & Anita!

[Anita]

Did the regeneration of the images work?

---

Love coffee, chocolate and my Bella!

[Author]

Posts