How to change color scheme of only one page

This topic has 5 replies, 2 voices, and was last updated 10 years, 3 months ago by Sakin.

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

Author

Posts
August 13, 2014 at 7:22 am #42355

Baizurah
Member

Hi I want a totally different color scheme for only ONE page in the website. I am using Catch Kathmandu…

I tried adding a new class with a new set of colors for text, link etc… used it in a page but it doesn’t work.

Can I get a little help?

August 13, 2014 at 11:14 am #42365
Sakin
Keymaster
@Baizurah: Each page has it’s own unique class in body section. From which you can add in css to make it different. For pages you will see like this page-id-2 for your page ID 2 and for post you will see like this postid-96 for your post ID 96. Then you can change it as per your need.

For example to change the Page ID 2 background.
```
body.page-id-2 {
    background-color: #000;
}
```
To change the footer color of page ID 2, it will be
```
.page-id-2 #site-generator {
    background-color: #000;
}
```
August 13, 2014 at 1:02 pm #42368
Baizurah
Member
so if I want to change the link color for page id 2

it would be
```
a.page-id-2 {
    background-color: #000;
}
```
… :'( didn’t work. Am I doing anything wrong?
August 13, 2014 at 1:02 pm #42369
Baizurah
Member
oups sorry I mean…
```
a.page-id-2 {
 color: #000;
}
```
… :'( didn’t work. Am I doing anything wrong?
August 13, 2014 at 1:31 pm #42371
Baizurah
Member
sorry. Stupid question. I just got it to work! Thanks!! 😀
```
page-id-2 a{
 color: #000;
}
```
August 13, 2014 at 7:25 pm #42383

Sakin
Keymaster

@Baizurah: For link color of page ID 2, it will be as:
.page-id-2 a { color: #000; }
Author

Posts