Twenty Thirteen theme Change navigational link backgrounds of each post types

  • https://rohitpalit.com/blog/

    I want to change the background of the ‘.post-navigation’ of invidual post types (standard, quote, aside etc.)

    Clue: ‘.format-status’, ‘.format-standard’

    I’m using a child theme.

    This doesn’t work:

    .post-navigation .format-standard {
	background: #000;
}
Viewing 6 replies - 1 through 6 (of 6 total)

  • I’m not sure what you are trying to do – can you explain in terms of what shows up on a specific page?

    Thread Starter 008Rohit

    (@008rohit)

    Post Title

    Post Content

    <– Newer Post (space) Older Post –>

    | -> I want to edit this part’s background.

    I can edit it. But that bar’s CSS is same for all post types. I want one CSS background for one post type.

    I think the tricky thing is that the post-type class and post-navigation are in sibling elements, so you can’t use descendent CSS selectors – but this might work:

    .format-video + nav.post-navigation {
   background-color: red;
}

    See this for more:

    https://css-tricks.com/child-and-sibling-selectors/

    Thread Starter 008Rohit

    (@008rohit)

    That works like a charm! ??

    Where did you find nav.post-navigation ? Or is the ‘nav’ prefix due to sibling elements?

    Where did you find nav.post-navigation

    From this HTML:

    <nav class="navigation post-navigation" role="navigation">

    You can likely use just the class .post-navigation if you prefer it.

    Thread Starter 008Rohit

    (@008rohit)

    Thanks again, WPyogi. I’m not marking this as resolved as I’m still into modifications and might need your help again soon. ??

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Twenty Thirteen theme Change navigational link backgrounds of each post types’ is closed to new replies.