I have 2 issues, as you can see on the attached images :
1/ the height of the background is not the same when you see the page in the Elementor panel or outside.
2/ I'd like the background image to flow outside of the block : at the top, ideally flowing on the header area, and at the bottom, behind the blocks coming next.
1/ this is happening because you are using custom display size settings for the background in % . That's why the image resize takes place depending on the screen size. I have switched to px.
2/ it is not possible to achieve this using a background. You need to insert the image as "image" and make position:absolute for this inserted image. After that you can add the needed elements. I have made an example for you:
I still have an issue with the background image of my title template.
I have 2 templates for titles : 1 for pages, 1 for portfolio items.
As I had no problem with the one for portfolio items, I copied /pasted this background image (real image : not just a background image, position Absolute) from one template to the other , but the problem remains :
As you can see on the attached image, the image is cut on top and bottom. I'd like the image to be seen behind the top menu and behind the blocks coming next.
It gives me the bottom of the "background" image, but though, I still get the header on top, as you can see on the attached image. How can I get the image in front, not cut by the header ?
I tried by changing the Z index of the header template itself, also changing the Z index of the title template container, but it doesn't change anything...
EDIT : I've deactivated the header overlap in the theme options, and the "portfolio" title comes back to its place. But the pb of the header coming in front of the image remains. thanks for your insights, to get it right !
Hi,
I desperately try to get the background I want.
I have 2 issues, as you can see on the attached images :
1/ the height of the background is not the same when you see the page in the Elementor panel or outside.
2/ I'd like the background image to flow outside of the block : at the top, ideally flowing on the header area, and at the bottom, behind the blocks coming next.
How can I fix these 2 issues ?
Thanks a lot,
Lucia
Attached files: Capture d’écran 2024-07-04 à 12.49.56.png
Capture d’écran 2024-07-04 à 12.50.12.png
Hi,
1/ this is happening because you are using custom display size settings for the background in % . That's why the image resize takes place depending on the screen size. I have switched to px.
2/ it is not possible to achieve this using a background. You need to insert the image as "image" and make position:absolute for this inserted image. After that you can add the needed elements. I have made an example for you:
https://www.decors-mojohand.com/wp-admin/post.php?post=23893&action=elementor
Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list.
Regards, Oliver
Hi,
I still have an issue with the background image of my title template.
I have 2 templates for titles : 1 for pages, 1 for portfolio items.
As I had no problem with the one for portfolio items, I copied /pasted this background image (real image : not just a background image, position Absolute) from one template to the other , but the problem remains :
As you can see on the attached image, the image is cut on top and bottom. I'd like the image to be seen behind the top menu and behind the blocks coming next.
How can I fix it ?
Thanks a lot !
Lucia
https://www.decors-mojohand.com/wp-admin/post.php?post=28&action=elementor
Attached files: Capture d’écran 2024-07-18 à 12.09.51.png
Hi,
please use these settings:
Attached files: 2024-07-19_13-32.png
Thank you for this answer.
It gives me the bottom of the "background" image, but though, I still get the header on top, as you can see on the attached image. How can I get the image in front, not cut by the header ?
I tried by changing the Z index of the header template itself, also changing the Z index of the title template container, but it doesn't change anything...
the link to the title template : https://www.decors-mojohand.com/wp-admin/post.php?post=30071&action=elementor
the link to the header template : https://www.decors-mojohand.com/wp-admin/post.php?post=1313&action=elementor
2/ I also get some trouble with this image on wide screen. It goes completely on the right side of the screen. How can I keep it centered !
Thanks a lot for all your answers, I think the website is almost finished !! :-)
Lucia
Attached files: Capture d’écran 2024-07-23 à 15.45.44.png
Capture d’écran 2024-07-23 à 15.52.35.png
1) I've added the header overlap:
2) Please use these settings:
Attached files: 2024-07-23_17-28.png
2024-07-23_17-30.png
Thanks for all your patience ! :)
Lucia
There's still a pb on the pages : as you can see on the attached image, the title of the portfolio page is cut by the header.
On the contact page, the pb doesn't occur. That's odd, since the same title template is used in both pages !!
How can I fix it, on the portfolio page ?
(and how can I get the green circle, not cut by the header, on both pages ? )
the link to the title template : https://www.decors-mojohand.com/wp-admin/post.php?post=28&action=elementor
EDIT : I've deactivated the header overlap in the theme options, and the "portfolio" title comes back to its place. But the pb of the header coming in front of the image remains. thanks for your insights, to get it right !
Lucia
Attached files: Capture d’écran 2024-07-29 à 19.52.49.png
Capture d’écran 2024-07-29 à 19.52.35.png
Please provide a direct link to the page that has the problem, not the templates.
Here are some links :
The portfolio page : https://www.decors-mojohand.com/portfolio/
> The issue with the background image (see the green circle) occurs on pages, which are built with the Title Page template,
> whereas it doesn't occur on portfolio items pages, as seen here : https://www.decors-mojohand.com/pf/exposition-jim-thompson/ . Those are built with the Portfolio item Title template.
As I said before, the tip with the header overlap in the theme options brings a bug.
Any idea to get the background image fully seen ?
Thanks a lot !
Lucia
I have changed this setting.
Attached files: Screenshot_2179.png
Yes, I suddenly thought about transparency ! In fact so easy !!
Thank you very much for all your patient answers.
The theme is great, and your powerful help either. I'm gonna buy a second license, for another website.
I'm glad to know you, and I gonna leave a great review on ThemeForest.
See you next time ! :-)
Lucia
You're welcome!
Please contact us if you have any questions.
Have a nice day!