• luke
  • Member
  • Offline
  • Registered: 2018-01-25
  • Posts: 5

Topic: Remove Gallery Shadows [SOLVED]

Hi,

I'd like to remove the slight shadows that appear round images in Juice Box galleries. In the image I've attached you can see the shadows more pronounced.

The reason I would like to include some images that are not of the same scale as others (taken portrait and will look bad resized). I imagine the solution lies in the theme.css file but I am a little lost on which line to edit. Can you help me please? Thanks!

Post's attachments

TEMP.PNG
TEMP.PNG 293.8 kb, 1 downloads since 2018-02-28 

You don't have the permssions to download the attachments of this post.
  • Registered: 2012-04-24
  • Posts: 5,924

Re: Remove Gallery Shadows [SOLVED]

To remove drop-shadows around gallery images set either:
imageShadowBlur="0" (in JuiceboxBuilder-Pro's 'Customize -> Main Image' section)
... or:
imageShadowColor="rgba(0,0,0,0)" (in JuiceboxBuilder-Pro's 'Customize -> Color' section - set the 'Opacity' to '0')

The drop-shadows should be at the edges of the images themselves. In your screenshot, it looks like the drop-shadows are at the edges of the gallery (instead of at the edges of the images). This might be due to some custom CSS on your web page being applied to all 'img' elements on your web page (including those within your gallery).
If my suggestions above do not work, then please check your web page's custom CSS to see if this is causing your problem.
Otherwise, please post back with the URL to your gallery's web page so that I can take a look at the problem for myself and hopefully help further.

  • luke
  • Member
  • Offline
  • Registered: 2018-01-25
  • Posts: 5

Re: Remove Gallery Shadows [SOLVED]

Hi Steven,

Sorry about the delay in responding to you. I appreciate the help!

I've attempted the suggestions above but none have worked. It's worth noting that we have no additional .css on our pages, and none of the sites images have a drop shadow to them. I've included the URL for the page below:

http://www.biopartner.co.uk/gallery/BEU17/ (the problem image is the 2nd to last)

Also, I tried removing all code from the page apart from the Juicebox code, and it is still showing the shadow.

Thanks in advance!

  • luke
  • Member
  • Offline
  • Registered: 2018-01-25
  • Posts: 5

Re: Remove Gallery Shadows [SOLVED]

Never mind, I managed to fix it!

While setting the shadow size in the Juicebox editor to 0 didn't remove it, going in to the config.xml file afterwards did. Thanks anyway Steven.

  • Registered: 2012-04-24
  • Posts: 5,924

Re: Remove Gallery Shadows [SOLVED]

I'm glad you've been able to resolve your problem.
Thank you for letting me know.

Incidentally, I've just double-checked that setting imageShadowBlur to 0 and the opacity of imageshadowColor to 0 in the JuiceboxBuilder-Pro interface writes the correct values to the gallery's 'config.xml' file and it seems to work fine.
Maybe your gallery's 'config.xml' file had a temporary lock on it (perhaps if the gallery was open in a browser whilst you were editing it) which prevented JuiceboxBuilder-Pro from writing to the file.

In any case, I'm glad that all is well.