[Resolved] Background image only in the home page

[Carmen]

Hello!
I would like to put a background image only in the home page. And the menu and the logo were on top of it and with a transparent background.

You said me that:

It can achieved with some CSS though. Try this:
.home .site-header {
background-image: url(http://IMAGE-URL-HERE);
}
Adding CSS: https://docs.generatepress.com/article/adding-css/

I tried to add it with the plugin “Simple CSS”, in the screen Customize > Additional CSS and in the the style.css file but it doesn´t work.
You could help me with another solution?
Thanks

[Leo]

Hi there,

It is working: https://postimg.org/image/57oh3dq0vf/92c27b2f/

However you are using blog page as front page, if you want to change that, go to Dashboard > Settings > Reading > Front page displays.

[Carmen]

Hello!
Thanks. But I only can see the background image under the headboard.I would like to see the full image. The home page is the image with the logo and the menu above it.That is why it is important that the menu be trasparente. Thanks

[Leo]

I’m not sure what you mean?

The home page is the page I see when I click on the link you provided.

[Carmen]

Sorry,my english is not good….
The page is the home page,this link: http://www.ivarsvillalonga.com/home
I like a home page very simple…I would like the whole background image and above it put the menú and logo. I can send you a sketch if you want.
Thanks

[Leo]

As I mentioned you need to set that page to be the home page first in Dashboard > Settings > Reading > Front page displays.

You can upload a screenshot to a site like this: https://postimages.org/ and provide the direct link here.

[Carmen]

Hello! I changed that you said me about front page displays. I send you what I need to the design of the home page. I think with an image it’s easier to understand my idea.
https://postimg.org/gallery/1s6cefbsc/
Thanks.
Carmen

[Tom]

If your home page looked like that, what would your other pages look like? Where would the menu be?

Let me know 🙂

[Carmen]

Hello!
The other pages,the menu will be in the left sidebar like the home page but without background image.
Thanks

[Tom]

Have you tried applying the image to the body element?

.home {
    background-image: url(URL IN HERE);
}

[Carmen]

Thanks! Now it works.

[Tom]

You’re welcome 🙂

[Ruslan]

Hi Tom – give please a kode for a – HOW TO INSERT ON ONE NAME PAGE – and + paralax efekt

Thanks a Lot

[Ruslan]

For example – I have 10 pages on the site and I want for them different background-images

Thanks a Lot

[Leo]

Hi there,

Can you open a new topic for your question?

Thanks!

[Author]

Posts