Amend page width of only one page

  • I’m using a child of twenty-eleven.

    .page-id-24
    Can I affect this page only.

    And I guess I’m wanting to affect the following rules:
    .singular .entry-header, .singular .entry-content, .singular footer.entry-meta, .singular #comments-title

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

  • example:

    .page-id-24 .singular .entry-header, .page-id-24 .singular .entry-content, .page-id-24 singular footer.entry-meta, .page-id-24 .singular #comments-title

    https://www.w3schools.com/css/

    Thread Starter creativepassion

    (@creativepassion)

    Thanks Alchymyth!!!

    Thread Starter creativepassion

    (@creativepassion)

    Any idea why this is having no effect then?

    .page-id-24 .singular .entry-header, .page-id-24 .singular .entry-content, .page-id-24 .singular footer.entry-meta, .page-id-24 .singular #comments-title {
    width: 50%;
    }

    no idea without seeing the site live.

    have you cleared the browser cache – by pressing ‘CTRL F5’ or ‘reload’ or whatever your browser needs?

    Thread Starter creativepassion

    (@creativepassion)

    I appreciate your help.

    I’m embarassed to show the site because it’s not finished.

    Anyway, this is page 24.
    <site name removed>

    my mistake;
    because .singular is also one of the body_classes, the styles need to look like so:

    .page-id-24.singular .entry-header, .page-id-24.singular .entry-content, .page-id-24.singular footer.entry-meta, .page-id-24.singular #comments-title {
    width: 50%;
}

    btw: you have a few minutes to edit your last reply if you need to remove the link…

    Thread Starter creativepassion

    (@creativepassion)

    That’s it! Awesome thanks!

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Amend page width of only one page’ is closed to new replies.