Skip to content
RN
rnd_ndt

Website Upgrades and Opinions

Behavior of Images in the Feed (Responsive Design)

Posted Mar 1, 2018

Replies4
RN
rnd_ndt
rnd_ndtOriginal Poster
Mar 1, 2018

I'm probably not the only person to notice this (or to have posted about it I'm sure) but I have some feedback regarding the news feed.

Is it possible to adjust the alignment of images in the full desktop version of the newsfeed so that, instead of being aligned vertically in the center, the align vertically to the top? I ask this because, as I look at my feed, I see a whole lot of images cropped and focusing on genitals and not a lot of faces, bodies and people who are posting images, joining groups, etc.

On mobile, the size of the screen is fine as the image dynamically crops and resizes to show a more square image, which works because most of the images uploaded to this site are meant to be viewed vertically instead of horizontally.

ReactReplySubscribe

Replies

  • ST
    Steve
    Steve
    Mar 1, 2018

    No. I wrote TT about the crop-to-center strangeness years ago, as a bug report, but I guess it hasn't been a priority. Seems as if it would be simple enough to crop off the bottoms of the photos and save the tops to fit whatever format, but Oh, well - we get the middles.

    ReactReply
  • JO
    John
    John
    Mar 1, 2018
    It's a simple change to the HTML code

    add the following parameter to the *img scr="" parameter.

    align="top"

    I tried giving an example here, but because this forum tries to convert everything to html, it get's lost as extraneous code. Here is a good page for an example:

    https://www.w3schools.com/tags/tryit.asp?filename=tryhtml_img_align

    john aka cobeachbum
    ReactReply
  • PA
    Paul
    Paul
    Mar 2, 2018

    What about if the photos are taken as landscape as this will get over the problem as long you are in the middle of the photo.

    ReactReply
  • RN
    rnd_ndt
    rnd_ndtOriginal Poster
    Mar 2, 2018

    That only works if everyone on the site commits to uploading and using images with a lanscape aspect ratio. A theme/css/code solution is likely the easiest solution

    ReactReply