Image alignment issue not working (version 3.31.5 / Pro 3.31.3)

  • Resolved camilledavidp15

    (@camilledavidp15)


    7 months, 2 weeks ago

    Hello

    I’m having an issue with Elementor on certain blocks, particularly images: when I choose a centered or right alignment, nothing happens. Sometimes it works if I don’t change the image size, but not always. This bug appears on a site with Elementor version 3.31.5 and Elementor Pro 3.31.3, whereas I don’t encounter this problem on another site equipped with versions 3.31.0 of Elementor and Elementor Pro.

    Actually, I don’t know if it’s really an image issue, but rather a section issue, because I feel like the content is stuck even though there’s space on the right.

    I tried testing it in a new section, but it’s the same thing.

    Can you help me, please? Thank you.

    Translated with DeepL.com (free version)

    • This topic was modified 7 months, 2 weeks ago by camilledavidp15.
    • This topic was modified 7 months, 2 weeks ago by camilledavidp15. Reason: addition of details and screenshots
Viewing 8 replies - 1 through 8 (of 8 total)
  • Plugin Support Milos

    (@miloss84)

    7 months, 1 week ago

    Hello there,

    Thank you for your patience!

    Would it be possible for you to tell us more details about your issue, can you please provide us with a screencast demonstrating the issue?

    This will be useful to us as we will better understand the issue you’re experiencing and provide you with better support.

    I am looking forward to your reply!

    Kind Regards,

    Thread Starter camilledavidp15

    (@camilledavidp15)

    7 months, 1 week ago

    Hello, thank you for your help. I made a video for you.

    The image aligns correctly when it is at 100%, but when I reduce it to 60%, for example, the alignment is not correct.

    https://www.loom.com/share/b43a688f74d248f687325ccee00b0c48?sid=4e7e2853-a45a-4876-ab8f-80fe5d783a3d

    Richard from Elementor

    (@richardk23)

    7 months, 1 week ago

    Hello @camilledavidp15 ,

    Thank you for your reply and the provided Loom; this is very helpful.

    There must be something else influencing this behavior, as it is not the expected result: https://www.loom.com/share/ceda0f98bd5a4a3a9391a56c4df47a55

    I noticed you are using sections and inner columns; perhaps there is a setting, margin or padding there? Please also check your theme or page settings. You could also try using Containers instead, as in my example.

    Additionally, if you are a Pro user, please open a ticket at my.elementor.com – this will allow us to take a deeper look.

    Kind regards,
    Richard

    Thread Starter camilledavidp15

    (@camilledavidp15)

    7 months, 1 week ago

    Hello, thank you for your response. Yes, but I don’t know what to do.

    I didn’t have any issues with version 3.31.0, but since the latest updates, I’ve been having this problem with new images as well as those that have been on the site for a while.

    I checked, and I have 0 margins or cards on the columns, subsections, or sections.

    I’ll create a ticket on my.elementor.com. Thank you!

    Plugin Support Milos

    (@miloss84)

    7 months ago

    Hi there,

    Thank you for your feedback.

    Can you please try to deactivate the Elementor caching feature? Here is a video instruction on how to do this.

    Video – https://www.loom.com/share/49ce3acc87ff4b0281576131f16757e6

    Hope this will help.

    Kind regards,

    Thread Starter camilledavidp15

    (@camilledavidp15)

    7 months ago

    Hello, thank you for your help.

    Unfortunately, it doesn’t work. I have disabled cache extensions and other extensions that can change the appearance of the site.

    I’ve submitted a ticket to Elementor support.

    Plugin Support Milos

    (@miloss84)

    7 months ago

    Hi there,

    Thank you for your feedback and for submitting a ticket through our support.

    Our agents will assist you promptly to ensure this is resolved as quickly as possible.

    Kind regards,

    Thread Starter camilledavidp15

    (@camilledavidp15)

    7 months ago

    Hello, I received a response from support. The problem comes from the parent theme Ashe, which adds a line of CSS:

    img:not(#pixel12go) {
    display: block;
    border-style: none;
    }

    I was able to fix it (with help from support). It’s resolved.

    .elementor img {
    display: inline-block !important;
    }

    Thank you all for your help.

Viewing 8 replies - 1 through 8 (of 8 total)

The topic ‘Image alignment issue not working (version 3.31.5 / Pro 3.31.3)’ is closed to new replies.