Could you post your site URL here, so I can have a look?
If you want it to remain private, you can also contact us via this contact form:
http://jetpack.me/contact-support/
Make sure to include a link to this thread in your message.
Thread Starter
wpforum
(@wordpressorgforum)
http://blog.cvhinteriors.com/projects/communique/
– The carousel gallery stays 3 images across on on all size screens. Great.
http://blog.cvhinteriors.com/communique/
– The mobile view causes the 3 image to the right to move down to it’s own row.
Instead of
123
45
It’s
12
3
45
Extra appreciative if you can help with:
http://wordpress.org/support/topic/how-to-adjust-vertical-space-between-thumbnail-images-and-captions?replies=1
Muchas Gracias!!!
Hi!
I think it’s because you have set the Thumbnail gallery to have 3 columns, which is respected by your site’s Mobile theme, so after the 3rd image, it adds an
<br style="clear: both">
Try changing the gallery to have 8 columns, for example (which is more than the number of images you have) and see if that helps.
Thread Starter
wpforum
(@wordpressorgforum)
Gracias. Now the mobile view shows 2 on each row, and 3 across on the desktop, which I think works. I wish the thumbnails were a little bigger on the mobile view.
Thread Starter
wpforum
(@wordpressorgforum)
I noticed the thumbnails overlap on http://blog.cvhinteriors.com/style/. How can I fix this?
Hi,
they all look good to me. Did you fix it yourself?
Thread Starter
wpforum
(@wordpressorgforum)
I didn’t fix the overlapping really. I figured out the vertical images look fine (no overlap), but horizontal images on Pages overlap.
Notice the big space between the images and captions at http://blog.cvhinteriors.com/projects/style-commercial/ ? How can I bring bring closer together, like in the vertical images?
Again, it looks good to me now, so it seems you’ve found a solution already.
Thread Starter
wpforum
(@wordpressorgforum)
I changed the margin to auto ! important.
Let me know where I can add code to add vertical space between images on mobile screens. There is the right amount of space on desktops.
#gallery-1{display: inline; vertical-align: middle; margin: auto; line-height: auto ! important;}
#gallery-2{display: inline; vertical-align: middle; margin: auto; line-height: auto ! important;}
#gallery-1 .gallery-item {
margin-left: 40px !important;
}
body #gallery-1 img {
display: inline ! important;
vertical-align: middle ! important;
margin: auto ! important;
line-height: auto ! important;
}
body #gallery-2 img {
display: inline ! important;
vertical-align: middle ! important;
margin: auto ! important;
line-height: auto ! important;
}
