How to set a picture as banner

Hello there,

You could set an image to your page’s featured image. For example:

Regards,
Kharis

Hi Kharis

The hing is that i would like to put the first image as a banner that will take the complet width of the page

Unfortunately i cannot add an image to show you…

But the thing is that i would like that the Title “Welkom bij Optiek Lacroix” will be below the image with the chairs. The image with the chairs will take the full width up the to the title.

Hello there,

Try doing the below steps:

1. Visit Dashboard > Appearance > Customize
2. Navigate to Header area > Header type
3. Enable header image for Frontpage
4. Go back to Header area and choose Header Media
5. Upload you header image banner file

If everything goes right, you’ll have a banner header image that looks exactly like our demo’s: https://demo.athemes.com/astrid/

Regards,
Kharis

Hi Kharis

I tried what you told me but as you can see, it doesn’t fit very well…

The image is too big.

What do you think ?

Hello there,

Try disabling it. Then add the below CSS code to Appearance > Customize > Additional CSS from dashboard.

.site-header {
  background-image: url('https://www.optieklacroix.be/wp-content/uploads/2019/05/cropped-Optiek-Lacroix-Interior-Banner-1.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

Regards,
Kharis

Hi Kharis

Hope you’re doing well ?

I have a question, any idea how i can put a logo between the Head-Title and the Menu ?

If you have any idea, let me know

Sincrely & thank you for your help.