Associating custom CSS with only one page?

  • Resolved joellepoulos

    (@joellepoulos)


    10 years, 9 months ago

    Hello,
    My theme essentially only allows custom css now I have this code:

    project-image figcaption {
?position: absolute;
bottom: 10px;
?right: 10px;
background: transparent;
color: #111;
font-size: 11px;
padding: 6px 10px;
?letter-spacing: 0.02em;
}

    and I know my page id is 108, whats the correct css coding to just associate the above code with that page, the page is this page if it helps.

    I currently have:

    .singular-page-108.project-image figcaption {
?position: absolute;
bottom: 10px;
?right: 10px;
background: transparent;
color: #111;
font-size: 11px;
padding: 6px 10px;
?letter-spacing: 0.02em;
}

    and it’s not working, i’ve tried .your_ID, and .page id and #page id does anyone know what the proper formatting is?

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

  • Hi joellepoulos,
    I don’t find the class .singular-page-108 anywhere in that page.
    try instead this:

    .postid-108 .project-image figcaption {
  ...
}

    It should work but in case it doesn’t try to add more elements and classes to make it more specific like this for example:

    .postid-108 .project-image figure figcaption
    Thread Starter joellepoulos

    (@joellepoulos)

    Thank you – first code worked like a charm!!!

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

Tags