How to do one color on homepage only

[Prisca]

Hello

Encounter latest version: Please could you give me a hint to have one color on the home and another one on all other pages. Like the homepage should be black because of a full width image I want there. All other pages (content) should be white. I tested a bunch of stuffs I found online but none works. I also downloaded ‘background per page” but for some reason it does not work at all what ever I do nothing changes.

Also, either different color or background image so we can write on it for the content container (but the homepage)

It may be not your job to help on that one but may be if you could tell me where to change either color or bg on all other page than the homepage I would be so grateful.

Thank you so much 🙂

Cheers,

[Sushil Adhikari]

You’re right, not my job….lol 😆

The thing is, I have no idea what you mean by one colour on home and another one for other pages. What parts of the page to be black? Once I know, I can point you in the direction as to what container will be the one to change background too.

[Prisca]

So sorry – missed your reply.

I am talking about the content (between the header and the footer – the home page has a gorgsous huge image – black background so i set up the background of the site to black and it is flawless 100% – gorgeous – like an intro with header red and footer red. now I don’t want a black site (content container0 for the other pages because it is so hard to read. SO i want the site bg white or grey whatever – but not black.

So homepage bg black between header and footer – all other pages normal white between header and footer.

thank you and sorry I was not clear enough 🙂

[Prisca]

Please see screenshots. The black one will be the homepage/intro (sorry for the cut..did the collage fast) – the second one should be the normal pages with light grey or white OR even a background image with a 10% opacity piano in the bg for all other pages.

Thank you so much 🙂
screen-archie.jpg
screen-archie_2014-04-30.jpg

Attachments:

You must be logged in to view attached files.

[Prisca]

Oops..sorry – wrong attachments..ahhggrrrr
screen-archie_2014-04-30-2.jpg
otherpages.jpg

Attachments:

You must be logged in to view attached files.

[Sushil Adhikari]

Thanks for the details… now for the bad news…to achieve what you want to do is actually a hard job to do because the content area has an inline style that is attached to the theme customizer which lets you choose the background colour for that. However, this is global. You would have to target the page ID and override the background colours for the containers in the page you want black by doing this with a custom CSS (ie: child theme or a plugin that lets you edit CSS). You would also have to “force” the background colours so that the inline styles are ignored that are applied directly on the containers, such as the #content-wrapper

Forcing a style is done with an exclamation mark ! and the word important

eg: background-color: #000000!important;

Your page ID is found on the tag which is how you would target the page and not others when you do your custom CSS.

#page-id-14 #content-wrapper {
background-color: #000!important;
}

The rest will have to be up to you to do this, but as I said, this one is not easy 🙂

[Prisca]

Thank you so much for your reply. I will play with that 🙂

Thanks again!

[Prisca]

hello

I tried all ways and nothing is working. I added another custom body class and added the css for it – not working either. How much if i ask you to do it?

Thank you 🙂

[Sushil Adhikari]

I just tried that….appears something is conflicting with it because technically it should work. However, there is an alternative that I just partially tried and it works, but if you want me to do this, my hourly rate is $85 CAD and would take me just the hour to do it. It also means using a child theme for this solution as well and if you are not using one now, you will need to redo your theme option settings.

[Prisca]

So sorry for the delay.

Thank you for your reply. I will certainly think about it. Thanks again 🙂

[Author]

Posts