Home page Image CSS

This topic has 11 replies, 2 voices, and was last updated 10 years by Abe.

Author
February 13, 2014 at 08:06 #10933

Jeremy14
Participant

Hey I’m sorry I still can’t figure this out. I want to display a full image on my home page and keep the others white how can I do this?

Thanks

February 17, 2014 at 21:22 #11040

Abe
Keymaster

Hi, If you add it from the editor try making it bigger by resizing it in the editor. What do you mean keep other white?

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

February 19, 2014 at 02:55 #11151

Jeremy14
Participant

I only want a background image on the Home Page. Once you set an image under Styling Options it shows up on every page. I want the other pages to be kept a neutral color.

February 20, 2014 at 22:32 #11225

Abe
Keymaster

Hi, You don’t set it from Styling options but from Homepage if you want it to show only in Homepage

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

February 22, 2014 at 06:12 #11286

Jeremy14
Participant

Ok. I went into Styling Options and under Header chose none and under Background chose none. Then went to Homepage and selected the image I wanted for the Homepage and it’s not showing up the background on the Home Page is white.

February 25, 2014 at 01:36 #11396

Abe
Keymaster

Can you give me a link please?

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

February 25, 2014 at 21:29 #11443

Jeremy14
Participant

This reply has been set as private.
March 1, 2014 at 00:07 #11644

Abe
Keymaster
I see what you mean now. Remove the image from where you added it and add this css to target only homepage:
COPY CODE
```
.home .kleo-page {
    background-attachment: scroll;
    background-color: #FFFFFF;
    background-image: url("http://www.passingrass.com/wp-content/uploads/2014/02/vday4.jpg");
    background-position: center top;
    background-repeat: repeat;
    background-size: auto auto;
}
```
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.
March 1, 2014 at 08:53 #11705

Jeremy14
Participant

Thank you! Will the Revolution Slider still work if I do this?

March 2, 2014 at 06:56 #11733

Jeremy14
Participant

How come when I try to change the image in the CSS after uploading an image to the media file it doesn’t work?

March 2, 2014 at 07:14 #11734

Jeremy14
Participant

Nevermind I didn’t write the code correctly haha

March 4, 2014 at 22:04 #11890

Abe
Keymaster

Great 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.
Author

Posts

Viewing 12 posts - 1 through 12 (of 12 total)

The topic ‘Home page Image CSS’ is closed to new replies.

Search KB

Log in with your credentials

Forgot your details?