Adding .page-id-N is causing css to fail

  • Resolved DavidSortOf

    (@davidsortof)


    1 year, 10 months ago

    Using Gutenberg, I put a drop cap on a paragraph (at the link I shared) and was able to style it with this:

    p.has-drop-cap:not(:focus):first-letter{
font-size: 80px;
text-shadow: 2px 2px 5px grey;
padding: 20px;
border-radius: 6px;
border: 1px solid #CCC;
background-color: #eedddd;
color: black;
}

    But what I’d like to do is change some of the drop cap styling for different posts. So I tried dropping “.page-id-64” in front of the code above, but this stops the css from having any effect. Can someone tell me what I may be missing?

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

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

  • Your URL is a single WordPress POST, not a WordPress PAGE.

    The class should be .postid-64.

    Please view your URL’s HTML source code and check the <body> classes to confirm.

    Thread Starter DavidSortOf

    (@davidsortof)

    George, that’s it! I had a feeling I was missing something obvious. It’s a post, not a page. And yes, .postid-64 did the trick. Thanks much! : )

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Adding .page-id-N is causing css to fail’ is closed to new replies.