is there any CSS to make captions always visible under the pictures like in that screenshot (or even better on the right side of them (like here: http://www.tualle.pt/magnificvs/ (achieved it with tables, but it’s not responsive, etc etc)), instead of only showing on hover like it is now?
hope to get this fixed, a little more will come later for the final touches
i think you have to change approach here, instead of creating galleries try to put one image and some text under it, divide page by 2 and repeat steps with the images,
as for the use of columns or other method instead of a gallery… that will be a pain
galleries have the easy part of being able to change the order of the elements with drag and drop, as opposed to inserting images+text under, where everytime we need another person (it’s listed in A->Z order, we need to rearrange everyone (and we are a lot, check here: http://www.tualle.pt/magnificvs/ )
been asking over the wordpress forums, as galleries are a built in part of wordpress, but even so, apparently, each theme then handles them in their own way, so i believe something is messed up with sparkling’s code regarding galleries, because the number of columns is not being properly handled at all, that’s a shame
our idea would be to have 2 or 3 columns, but that number isn’t working. when trying with 5 it seemed ok on the computer, but on the mobile it gets all messed up, instead of rearranging them to fit in the screen, all 5 are kept side by side in very narrow columns
which one of the links i posted are you talking about?
“maximvs” is almost ok, (using 5 columns instead of the 2 i wanted, but it’s ok), except on mobile/phone view, it should not try to show all columns at the same time making everything really tiny, each picture should jump to the next line in order to have all the width available to itself
probably there should be some @media code to do that, moving the parts around as they no longer fill in the screen, but it’s way beyond my skills to figure it out
“magnificvs” was built with tables, which is NOT GOOD at all, not responsive, not anything! but years ago it was the only way i found out to place photos and texts more or less like we wanted to. now i wanted to rebuild it with a gallery as well, but the output doesn’t have the columns it was supposed to. have no idea why i select 2 and it gives me a different number
found this heavenly bit of code that add those @media break rules i needed:
/* For displaying 3 columns on tablet */ @media only screen and (max-width: 720px) {
.gallery-columns-5 .gallery-item {
max-width: 33%;
}
}
/* For displaying single column on mobile */ @media only screen and (max-width: 480px) {
.gallery-columns-5 .gallery-item {
max-width: 100%;
}
}
it’s almost pefect now, as columns are created/removed as the screen width changes, just not 100% perfect because some unnecessary white space is present on the right side (especially when it goes down to just 1 column), would rather have the elements being centered on the page, but could not find any float / align / whatever settings that i could apply to achieve that result (should be applied to .gallery-item , right?)
Sorry to say but i would choose different way here, … you can’t make these elements to fill small devices screen because images maximum width and height is 200px, excessive access is necessary to make this happen and they will be stretched, you will not like it… it’s up to you my dear but even from this situation i can see the result
you need someone who can customize this thing for you, there are several questions on how, where elements should be placed, obviously, this needs some custom work
), guess i should open a new thread, right? as this one was for gallery…