Vary number of gallery columns to fit page width

  • Resolved TallSam

    (@tallsam)


    8 years, 4 months ago

    Is there a way to have the number of gallery columns automatically adjusted to fit the browser width? This page for instance is OK on a desktop, but on a phone it’s too crowded and would be better with say only 3 per line: https://tall.life/clothes/.

    Here is one of the current MLA shortcode being used:
    [mla_gallery attachment_category=’aa-clothes-mens’ columns=’5′ mla_link_href=”{+template:{+custom:_gallery_link_url+}|{+link_url+}+}” mla_link_attributes=”{+template:target=({+custom:_gallery_link_target+}|_self)+}” mla_link_class=”{+template:({+custom:_gallery_link_additional_css_classes+})+}”]

    Thanks,
    Sam

    https://wordpress.org/plugins/media-library-assistant/

Viewing 6 replies - 1 through 6 (of 6 total)
  • Thread Starter TallSam

    (@tallsam)

    8 years, 4 months ago

    I think what is going on is that my images are being resized to ensure the five columns fit on the page. So my thought then is to not specify columns, but then it seems to revert to three. So if there were instead a way to say fit as many columns as you can with at least x spacing… that might do it. Perhaps it is not possible but just thought I would check just in case.

    I have a separate question and that is: is it possible to do any hover mouseover effects on images in galleries? I would like a the image to go from grey to full color, or perhaps get an outline. Is anything like this built into wordpress or MLA?

    Thanks,
    Sam

    Plugin Author David Lingren

    (@dglingren)

    8 years, 4 months ago

    Thank you for your questions and you update with the additional results of your experiments.

    Styling issues like varying the size and number of thumbnails in a gallery “row” and hover mouseover effects are usually addressed in your site’s theme. The [mla_gallery] shortcode adds class attributes to gallery items following the WordPress standards established in the [gallery] shortcode. The [mla_gallery] shortcode also applies CSS styles consistent with those applied by [gallery]. You can suppress MLA’s styles with mla_style=none and you can use a custom markup template to supply any class attributes or other markup your theme can make use of.

    Responsive design and related issues have come up in several earlier topics, most recently in:

    Variable gallery columns

    The MLA style and markup templates give you the “hooks” you need to use your theme’s facilities for styling and applying effects to your gallery items. Beyond that, there are no other MLA or WordPress features to implement the styling effects you seek.

    I regret that the news is not better, but I am marking this topic resolved simply because the question has been answered to the best of my ability. I hope you can use your site’s theme to get the results you seek. Thanks for your interest in the plugin.

    Thread Starter TallSam

    (@tallsam)

    8 years, 4 months ago

    Hi David,

    Thank you for the thorough response. I’m smacking myself in the head right now as I realize now it is simply a matter of some custom css for my gallery on hover… I’m trying out different effects now like a glowing red shadow 🙂

    As far as the responsive column and size adjustments, I’ll have to talk to my theme support.

    Thanks again for this fine plugin 🙂

    Sam

    Plugin Author David Lingren

    (@dglingren)

    8 years, 4 months ago

    Thanks for your update and thanks as well for your review of the plugin.

    Reviews and positive feedback are great motivators to keep working on the plugin and supporting its users. I really appreciate them.

    Plugin Author David Lingren

    (@dglingren)

    7 years ago

    You might find this recent support topic of interest:

    Can the gallery be made responsive?

    It describes a simple approach to varying the size and number of items in a row based on the width of the browser window.

    Thread Starter TallSam

    (@tallsam)

    6 years, 12 months ago

    Thanks David, I’ll check that out!

    Sam

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Vary number of gallery columns to fit page width’ is closed to new replies.