CSS for individual pages?

stephanopouloslab · Member · Jul 11, 2017 at 9:39 pm
Copy link

Add topic to favorites
Hey I was wondering if I could use CSS to customize each page in the website. Would there be a way to do this?

Thanks!

The blog I need help with is: (visible only to logged in users)
thesacredpath · Member · Jul 12, 2017 at 1:14 am
Copy link
Hi there, most all WordPress themes will have a unique page id CSS class in the opening body html tag. You can use the web inspector built into your browser to find that for each page. You can then use that unique CSS class to target changes to specific pages. If you look at the opening body html tag on your Members page, you will see something like this.
<body class="page-template-default page page-id-61...
As an example, let’s say that on the Member page, you wished to make the white background in the site title/navigation area red. We would then do this.
```
.page-id-61 .header-wrap {
  background-color: red;
}
```
stephanopouloslab · Member · Jul 12, 2017 at 8:14 pm
Copy link
Fantastic! Thank you so much!
thesacredpath · Member · Jul 13, 2017 at 2:26 am
Copy link
You are welcome.

No items found.