Forum Replies Created
-
Posts
-
Hey Nikko!
What I mean is, on portrait mobile, that puppy image is skewed to the right for some reason, but not on desktop, and not on landscape mobile.
Unfortunately that does not seem to work correctly. I kept the id as ‘mygallery’ like you suggested for sake of simplicity in seeing what’s wrong.
Hey Nikko, So, the centering is really not the end of the world, don’t worry about it. The only other thing is when I place the gallery back in the color section where it belongs, your quick css code ceases to work. How must I modify it?
Man, this makes me want to actually study css a bit :) That looks great! My only question remaining is: Do you know why the selected image isn’t dead center on mobile? It is indeed centered on desktop as expected. The default selected image is #3 of 5 so that it is symmetrical. Thank you SO much for your help.
So that does indeed work. The only issue is that if you click on an image that isn’t currently selected, you have to then click it one more time to open the lightbox. Since the currently selected image does not have the ‘enlarged’ effect like it does on desktop, it isn’t obvious which image is currently selected, making it a bit non-intuitive, especially on the first and last images. Thoughts?
Hey there! I just removed your custom css (other than the permanent navigation arrows), and linked each picture to itself.
FYI, adding custom links screws up the formatting you gave me, so scratch that idea. Hopefully there’s a simple way!
Dude, you’re a genius. That totally works! Since they’re now smaller, I’m need to activate the lightbox link. Is there any way to globally have the entire images clickable, and not just the small arrows for the lightbox links? If not, I’ll just manually add custom links for each image in the gallery, pointing to themselves. Thank you for your help!
I totally agree that it would be normally too narrow, but my images are actually portrait orientation, so it would actually look better to show a few at a time. As it is right now, the image takes up practically the entire phone screen, because of the aspect ratio of the images. Any ideas :) ?
First of all, thank you for the code snippet. That does indeed prevent the clipping, but it still only shows one image. Any idea how to show a few at a time, like on a desktop browser? I tried adjusting some of the gallery settings, to no avail.
I am experiencing precisely the same problem. I attempted adding her code to the quick css section, and then to custom.css. Your version of the fix unfortunately didn’t change anything either :(
Strange, I’ve read documentation all over the place on this site saying to use prettyPhoto, and like I said, it does work with images/videos etc… so I don’t know why it wouldn’t work with text.
Regardless, I just tried the html from http://codepen.io/dimsemenov/pen/GEKgb (from the magnific popup documentation), and I get nothing when I click. Not even an error, just unresponsive. I could really use some specific guidance on this. Thank you.
UPDATE:
I added this code from https://kriesi.at/support/topic/inline-content-in-magnific-popup/ to functions.php, and it pops up the text now, but completely unformatted, no white box around it, nothing like the documentation example. I really don’t know why I even had to add that code, but… still would love some help.
function add_custom_script(){
?>
<script>
jQuery(window).load(function(){jQuery(‘.open-popup-link’).magnificPopup({
type:’inline’,
midClick: true
});});
</script>
<?php
}
add_action(‘wp_footer’, ‘add_custom_script’);
