Okay
  Public Ticket #3061407
I want to change the trimming position of the thumbnail of the portfolio
Closed

Comments

  • Salvia started the conversation

    Is it possible to set the trimming position of Image Sizes to the top?
    The thumbnail trimming of the portfolio item is set to the center, but I want to trim it from the top.

    Is there no choice but to prepare a thumbnail image?

  •  867
    Neuron replied

    Hi Salvia,

    Can you please provide me with an URL to any of your portfolio items, so I can prepare some CSS code that you can add to change the position of the thumbnail?

    Feel free to ask for anything you need.

    Kind Regards


  •   Salvia replied privately
  •   Neuron replied privately
  •   Salvia replied privately
  •  867
    Neuron replied

    Hi Salvia,

    No, it still shows the same error, can you please take another look at it, I can reach your site, but not the login page.

    - https://ibb.co/QcPGFLM

    Feel free to ask for anything you need.

    Kind Regards


  •   Salvia replied privately
  •  867
    Neuron replied

    Hi Salvia,

    I was able to log into your site finally.

    I've just changed the position of the portfolio images, please take a look at them now.

    Feel free to ask for anything you need.

    Kind Regards


  •   Salvia replied privately
  •   Neuron replied privately
  •   Salvia replied privately
  • Salvia replied

    Can you answer this question?

  •  867
    Neuron replied

    Hi,

    I'm so sorry for the late reply, somehow the ticket was marked as solved.

    Can you please take another look at the thumbnail, I've made sure to fix it this time.

    Again, I really apologize for the late reply.

    Feel free to ask for anything you need.

    Kind Regards


  • Salvia replied

    Hi,

    confirmed.
    It is not "Thumbnail Resizer Off". I want the thumbnail size to be 500 x 500 and the trimming position to be the top.
    Is it difficult because the thumbnail is a generated image?

  •  867
    Neuron replied

    Hi,

    I am very sorry for the late reply, we were not working on the weekend, and currently, I'm on holiday, so please expect a delay in response.

    Yes, that's the reason that it wasn't working, but can I set the layout to masonry without the Thumbnail Resizer, so then I can crop the images to the size you tell me and position them at the top.

    Feel free to ask for anything you need.

    Kind Regards


  • Salvia replied

    Hi,

    The layout is set to masonry without the thumbnail resizer.
    Is the image setting correct?

    Then, could you please tell me how to crop the image to the specified size and place it on top? Can it be achieved with CSS?

    Attached files:  setting1.png
      Change-trimming-position.png
      setting2.png

  •  867
    Neuron replied

    Hi Salvia,

    I'm so sorry for the late reply, as I was on holiday, the other support agent marked the ticket as solved mistakenly, I feel so sorry for that.

    Can you please take a look at your homepage now, I've just added the following code at Appearance > Customize > Additional CSS to fix that layout and crop the image to the top?

    .home .elementor-element-97edc72 .has-post-thumbnail .h-calculated-image {
        padding-bottom: 0 !important;
        height: 600px !important;
    }

    Feel free to ask for anything you need.

    Kind Regards


  • Salvia replied

    Hi,

    Thanks for adding the CSS code. However, it does not become a square and does not change.

    Programmatically controlled CSS is also declared important.

    <div class="h-calculated-image" style="padding-bottom: 272.906977% !important;">