CSS selector for the Category Page Latest Post column?


#1

I need to remove the border on the bottom of the Latest Posts column of the main Category Page.

The following doesn’t work:
div.latest-topic-list-item:last-child {border-bottom-style: none;}

For some reason this is the only list not structured as a table, just DIVs, which makes it more difficult to style with CSS.


(Mittineague) #2

Instead of last-child (which it isn’t) try going backwards skipping one. eg.

#list-area .categories-and-latest .column .latest-topic-list .latest-topic-list-item:nth-last-child(2) {
background-color: #f00; } 

I imagine at least half of those selectors can be safely removed, but I’ll leave it to you to do the tweaking.


#3

yes, it works! thank you so much @Mittineague.

.latest-topic-list-item:nth-last-child(2) {border-bottom-style: none;}