WordPress.org

Ready to get started?Download WordPress

Forums

Pics Mash
Is It Possible To Set Max-Height as px & Keep Width at 100% (2 posts)

  1. cjknowles17
    Member
    Posted 6 months ago #

    Alright, so using the Pics Mash plug-in I have 2 images that show up side by side. By default, they show at 100% width. On the mobile this looks great, however on the browser, the images are too big so the quality is awful.

    I then changed the image height to 200px. This looked great on browsers as everything aligned properly, but obviously it did not work at all on the mobile.

    I was wondering if it was possible to keep it at 100% width, but then add in a MAX-HEIGHT = 200px, which will essentially limit the browser to a max height of 200 pixels (which would be perfect) but not touch the mobile and keep the mobile at 100% width, which is perfect.

    I don't really know coding, so am not sure if something like this would be possible. I am using the Customizr theme if that helps at all.

    <form action = '<?php the_permalink() ?>' method = 'post'>
    <input type="hidden" name = "win" value = <?php echo $postid[1];?> />
    <input type="hidden" name = "lose" value = <?php echo $postid[0];?> />
    <input type="image" src="<?php echo $thumb[1];?>" alt="" style = "width:100%"></form>

    Can I add a max-height:200px to that bolded line to fix this?

    Thanks.

    https://wordpress.org/plugins/pics-mash/

    [ Please do not bump, that's not permitted here. ]

  2. mikemayhem3030
    Member
    Plugin Author

    Posted 5 months ago #

    Hi

    You're welcome to tweak things via CSS (you can define mobile specific CSS for example using screen width type CSS commands)

    It's not something currently in the free version but will add it to the list for the PRO VERSION

    However, it all depends on what images you give Pics Mash to display, GIGO and all that

Reply

You must log in to post.

About this Plugin

About this Topic

Tags

No tags yet.