We were able to confirm the issue after installing the Adventure theme. It seems that there is a CSS style definition in the theme that is more specific than the one that governs the Gallery column width. The fix is rather simple but there are a couple of options to implement the necessary overrides:
- Setup a child theme
- Use the Jetpack plugin CSS Stylesheet Editor
The style overrides would take the following form in your child theme or within the Jetpack CSS Stylesheet Editor (note the ‘!important’ attribute in the style definition):
.rps-image-gallery.gallery-columns-1 li { width: 100% !important; }
.rps-image-gallery.gallery-columns-2 li { width: 50% !important; }
.rps-image-gallery.gallery-columns-3 li { width: 33.33% !important; }
.rps-image-gallery.gallery-columns-4 li { width: 25% !important; }
.rps-image-gallery.gallery-columns-5 li { width: 20% !important; }
.rps-image-gallery.gallery-columns-6 li { width: 16.666% !important; }
.rps-image-gallery.gallery-columns-7 li { width: 14.285% !important; }
.rps-image-gallery.gallery-columns-8 li { width: 12.5% !important; }
.rps-image-gallery.gallery-columns-9 li { width: 11.11% !important; }
During our testing we setup a child theme with the stylesheet overrides if you are interested in using it. We would need you to provide your contact information at redpixel.com so that we can send a download link to you. Please let us know if we can be of further assistance.
