Printable Version of Topic
Click here to view this topic in its original format Forums > General Support > nth child and post buttons

Posted by: wallflower Jan 7 2017, 03:39 PM
when i made the mock up using regular coding this worked just fine, so i know that my coding, itself, was working. however, when i tried to shove it into place for the actual post templates, it's only calling odd numbers!

#cPosts .posts8 { height:30px; position:absolute; top:0px; right:0px; }
#cPosts .button-small { width:75px; height:30px; padding:0px; border-left:1px solid #d8d5d5; text-align:center; font-family:source sans pro; color:#684d64; font-size:9px; text-transform:uppercase; font-weight:900; line-height:30px; letter-spacing:1px; float:left; }
#cPosts .button-small:nth-child(even) { background-color:#fdfdfd; }
#cPosts .button-small:nth-child(odd) { background-color:#f9f9f9; }

<div class="posts8"><!-- |report_link| --><!-- |delete_button| --><!-- |edit_button| --><!-- |quote_button| --></div>

<span class='button-small'>Quote</span>

on the regular coding attempt, the buttons varied in background color. however, when they are in place properly on the post template, they're only showing the "odd" background color and when i use inspect element on them, it's only acknowledging them all as odd as well.

i have tried swapping "span" to "div" and that didn't help.

Posted by: DustBucket Jan 11 2017, 03:59 AM
Can we get a link to the board/posts in question?

Posted by: wallflower Jan 11 2017, 02:00 PM
i'm not sure that would help since, as a guest, you would only see one button. i can pm you an account to log on if that would work?

Powered by Invision Power Board (
© Invision Power Services (