Take your website
To the next level
Discover our newly launched customization services and elevate your web projects to new heights.
Delegate tasks, save time, and unlock the power of professional WordPress outsourcing.

Okay
  Public Ticket #3681937
Paddings
Closed

Comments

  • Bastenhof started the conversation

    Hi, 

    About the background image of my title templates : 

    It was created as an image (not a background), position Absolute and index 1.

    When I see the title template in Elementor, the image is entire, not cut.

    When I see the page, with the title template applied, the background is cut on top and bottom.

    I can't see how to fix it. Could you help ? 

    Thanks a lot for your help, 

    Lucia

    Attached files:  Capture d’écran 2024-07-08 à 16.34.02.png
      Capture d’écran 2024-07-08 à 16.35.33.png

  •  7,120
    Oliver replied

    Hi Lucia, 

    Try to adjust Z Index values respectively to make different elements to overlap the other elements. For example: 

    Here is your portfolio page: https://www.decors-mojohand.com/ 

    I can see, that you use the title area template and the portfolio page template on this page. If you wish, that your title area elements (for example the image used as a background) overlap other elements, just define the higher Z Index for it. I have now set this to 50 for this image and to 51 for the title heading. You see, that now this image overlaps the content in header for example. But to avoid overlapping of the gallery used in the portfolio page template, I have edited this template and set the higher z index for the first section used in this portfolio page template (where the gallery is located). 

    You can learn more here: https://blog.hubspot.com/website/z-index

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver