custom class

[lisaleague]

Hi!

What is the best way to create a custom class that I can use on a  per page or per post basis that I can use to center the page or post title?

Right now, I'm doing this with inline styles on about 5 pages/posts or less, but the HTML shows shows if shared using a social widget or browser plugin.

Example on home page http://www.qpractice.com/

[Brad Dalton]

Grab the page or post i.d using Firebug or view the source code.

Otherwise add a custom body class using the Layout Settings.

---

Tutorials for StudioPress Themes.

[Brad Dalton]

The add something like this to your child themes style.css file:

.post-37615 h1 {
   text-align: center;
}

Or custom class

.custom-class h1 {
   text-align: center;
}

---

Tutorials for StudioPress Themes.

[lisaleague]

Just tried, the post id on the home page and that worked great! Seems like a good solution for a few pages.

If a lot of pages/posts and I use the custom body class, can I use it for only the h1, leaving everything else the same, say for example on different layouts?

[Brad Dalton]

You can use any of the classes WordPress generates by default which you'll see in the source code or create a custom class for each or use the page/post i.d's.

body class="page page-id-4289 page-template-default logged-in admin-bar no-customize-support custom-background custom-header content-sidebar metro-custom

Maybe you want to use a custom page template then use that class as your selector:

.page-template-default h1 {
   text-align: center;
}

---

Tutorials for StudioPress Themes.

[Author]

Posts