Other Page CSS customizing

  • Unknown's avatar
    greenoasispatrick · Member ·

    I have my home page customized pretty much the way I want other than some other details here and there. But, I would like to start customizing the additional pages I have but I can’t seem to narrow down what I should tag in my css customizer to change something on only one page and not all of them?

    The blog I need help with is: (visible only to logged in users)

  • dcoleonline · Staff ·

    Hi there,

    So you’ll need to start your CSS selector by including the page ID for the page you’re working on.

    You can visit that page’s editor and get the page ID number from the URL.

    It will look something like this:

    https://wordpress.com/post/example.wordpress.com/00000

    In that case, the 00000 would be the page ID.

    Alternatively, if you use the browser’s inspector tools on your page, you’ll find the page ID in the body tag like this:

    <body class="page page-id-00000>

    Since the page ID for your Lawn Care page is 295, you would start your CSS selector for that page with the this:

    .page-id-295

    So making the color of all paragraphs on that page red might look like this:

    .page-id-295 p {
  color: red;
}

    That will isolate the changes to this specific page, and then you can continue styling from there. Just be sure to start with the page ID for every change you make to that page.

  • The topic ‘Other Page CSS customizing’ is closed to new replies.