Applying Custom .CSS to only one page

  • Hello!

    I am not a wordpress developer…but I am trying to learn.

    I am trying to apply some custom CSS directly to a single blog page. Everything I read said to do this:

    .page-id-4682 h4
    {
    width: 70%;
    margin: 0px 15%;
    }

    But it doesn’t seem to register it…nothing happens. Any thoughts? I am just trying to move around a single heading to the center of the page. It is like it doesn’t register the whole “.page-id-4682” part, but I’m not sure why.

    Thanks!

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)

  • That is a post, not a page. So it has postid-4682 class, not page-id-4682.
    You can find these things by using the Developer Tools in your browser, to examine the structure of the page and make CSS changes to test the rules.

    The CSS you have is odd. What are you trying to do?
    To center it, use margin-left: auto; margin-right: auto. That way you don’t affect the top and bottom margins already established. But putting it at 15% will offset it differently for each window size.

    Thread Starter lanewaddell

    (@lanewaddell)

    Joy,

    Thanks that fixed it! I thought that might have been it, but I made the assumption that if it was page-id-### than it would be post-id-#### but its was just postid-###. I took your advice on the margin too. Thanks!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Applying Custom .CSS to only one page’ is closed to new replies.