changing color-scheme to one page only

Need help? Please give a detailed explanation of your problem.
Post Reply
Deb3274
Posts: 1
meble kuchenne Mikołów Knurów Czechowice-Dziedzice
Joined: Wed Jul 19, 2017 10:32 am
Website: www.thefeltingsource.com

changing color-scheme to one page only

Post by Deb3274 »

Hi.
I am using an APWT theme and the colors attached to that theme throughout the website.
I want to build a page that looks different from the other pages, using different colors.
Is there a way to change colors (background and font colors) on one page only?
Obviously, I could change the H1 etc, but that would effect the website universally.
Thanks for your help!
--Dhara
www.TheFeltingSource.com
User avatar
Kathlein
Support Team
Support Team
Posts: 144
Joined: Tue Jul 11, 2017 8:03 am
Website: www.allprowebtools.com

Re: changing color-scheme to one page only

Post by Kathlein »

What you are looking for can be accomplished by starting the page with a div like this:

Code: Select all

<div id="mainarea" style="background-color: lightblue;">
Then you can place an <h1> tag inside of that div and then set the properties of just that H1 with a css that looks like this:

Code: Select all

.mainarea h1 {

...  Your css properties for the H1 tag go here.   Will affect all H1s that are within .mainarea, wherever .mainarea appears in your site

}
The reference to "lightblue" will set the background color.

Hope that helps!
Post Reply