Place an image betwen the top of page and the header

Hi Elliot, thanks for replying!

The link to the page is: http://idetox.voyage/testmenu1/
The desing I would like to reached is as shown on this image: http://i.imgur.com/lu24LCw.jpg

Thanks in advance for your advice!

Steph.

Hi Ismael,

Thanks for your reply.
I’ve added your suggested line codes in Header.php file

What would be the Quick CSS code lines I should add to select and apply the image in this container on top of Header?
And is there a way to apply a specific image in this container for each of my parent pages?

Thnaks in advance!

Regards,
Steph.

Thanks Yigit!

1- Concerning your first code line to target the image, I understand that I should insert this line in the Quick CSS but there is something missing.
Indeed, once we have the class element custom-background-image, how do we link it with an image in the Media Library?

2- Thanks also for the 2nd part of your reply to indicate which page shoud receive this custom-backgroud-image.
I assume I have to copy this code lines in the header.php file, replacing the one Ismael provided. Let me know if I’m wrong.
Now, what should be the code to ahve a DIFFERENT image (same size) for each different page?
(There would be a total of 7 different images, 1 different for each parent page).
Should your piece of code become something like this:

<?php
if(is_page(59)){
echo ‘<div class=”custom-background-image1 container_wrap”></div>’;
}
if(is_page(99)){
echo ‘<div class=”custom-background-image2 container_wrap”></div>’;
}
?>

Thank you once more for your light,
Steph.

Hi Ismael,

Your explanation is very clear but I can’t get it to work!
Below is a summary of what I’ve done following your advice (to get just 1 image for all pages):

a.) In header.php, I’ve added the follwing: <div class=”custom-background-image container_wrap”></div>

b.) Then in Enfold>General settings I’ve added the following Quick CSS code line:
.custom-background-image { background-image: url(http://idetox.voyage/wp-content/uploads/2015/09/IMET1.jpg); }

IMET1.jpg is the file name of my image in my library.
I’ve tried also to write background-image: url(IMET1.jpg) and then background-image: url(“IMET1.jpg”)
But that too doesn’t work.

I must be missing a very simple stuff to get it correct and working but your help is very much appreciated!

Regards,
Steph.

Hi!
Anybody to highlight what’s wrong in the screenshots I posted last week (Sept. 11)?
It must be an easy one for you Enfold support team …

Wish you a nice day,
Steph.

Thank you for the trick to get thepage ID Ismael!
I now have exactly the same code as you posted on Sept. 10 (with pages ID being 59 and 31 respectively).
I doesn’t help to make the code work though …

I’ll keep on trying variants to see if I can make it work.
If you see another way to achieve the same goal with a different code, please let me know!

Thanks a lot,
Steph.

Hi Ismael,
That’s very nice of you to propose the Enfold support up to that extent!
You’ll find my login details in the private content.
If you succeed in making it work, please let me know because I’m really fustrated of not understanding the reason behinf it.

Thanks again so much!
Steph.

Hi Ismael!

Thanks a lot for fixing the problem.
I now understand where I was wrong.

The topic can now be closed.

Wish you a nice day.
Steph.