Image size standardisation

  • dummyt

    (@dummyt)


    3 years, 6 months ago

    Hello, firstly I want to express my appreciation for this plugin and how customisable it is. Next, I would like to ask if there is any way I could insert a css code to make it such that the thumbnail size of author image are all the same regardless of the image size they uploaded. I do not know anything about css apart from inserting it so I apologise in advance. Currently, some authors have smaller images than others by default which makes names and bio appear on different levels due to the different size of their profile picture. I would like all of them to be the same regardless.

Viewing 9 replies - 1 through 9 (of 9 total)
  • Plugin Author WPKube

    (@wpkube)

    3 years, 6 months ago

    Hi @dummyt

    Thanks, happy to hear you like that.

    The avatar functionality should return same image dimensions (square always).

    Can you send over the URL to the page with the authors so I can check out what’s going on?

    Thread Starter dummyt

    (@dummyt)

    3 years, 6 months ago

    Thanks for asking. I manage to display it on a test page because I couldn’t have it on my live page yet. Here it is: http://dummynovels.com/home-4/

    I was trying to make it as close to https://dummynovels.com/about-us/ as possible.

    Is there any way I could reduce the opacity of the layover and remove the ‘view post’?

    Thread Starter dummyt

    (@dummyt)

    3 years, 6 months ago

    In case I wasn’t clear before, now that I am using style 3, words don’t start from different heights but images end of different lengths. I was hoping they would fill up the full square or be cut off in the square so that everything is fitted nicely

    Plugin Author WPKube

    (@wpkube)

    3 years, 6 months ago

    Hi @dummyt

    Sorry for the wait. Missed the reply somehow.

    What are you using for the custom user avatars? The default system (Gravatar) keeps all images in specific dimensions.

    Let me know what you use for it, I’ll set it up on my install and figure out a solution.

    Thread Starter dummyt

    (@dummyt)

    3 years, 6 months ago

    Oh, i didn’t realise it had to do with a user avatar plugin. I’m using WP user avatar since gravatar is too troublesome and doesn’t update well with other plugins I’m using. Thank you and I look forward to this ^_^ hoping I will be able to use this plugin

    Plugin Author WPKube

    (@wpkube)

    3 years, 6 months ago

    Hi @dummyt

    The WP User Avatar plugin takes over the display of the image but doesn’t force width and height to be the same like the default Gravatar system does.

    Will figure out a solution and release an update this week.

    Thread Starter dummyt

    (@dummyt)

    3 years, 6 months ago

    that sounds amazing, can’t wait. Thank you 🙂

    Plugin Author WPKube

    (@wpkube)

    3 years, 6 months ago

    You’re welcome 🙂

    Plugin Author WPKube

    (@wpkube)

    3 years, 6 months ago

    Hi @dummyt

    Give this a try (add in WP admin > Appearance > Customize > Additional CSS ):

    .authors-list-items-s3 .authors-list-item img {
    height: 270px;
    width: 100%;
}

@media only screen and ( max-width: 720px ) {
    .authors-list-items-s3 .authors-list-item img {
        height: auto;
    }
}

    I thought about a different approach but there are multiple limitations like WP image resizing not being able to upscale images (like for example that small GIF for Xiin), having to create multiple resized versions for image since it’s dynamic and then figure out which fits best, but that means unneeded versions are created which takes up space and so on.

    So the approach above works out best but it’s specific for your case.

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Image size standardisation’ is closed to new replies.