XF 1.4 CSS in sidebar

[tommydamic68]

Is there a way to change "only" a particular block in the side bar on any random page without changing the entire sidebar on all pages? Example meaning the sidebar in the conversation page. I just want to change CSS in the conversation participants block but if I add something like this code below it changes the entire side bar on every page:

#content .sidebar .secondaryContent {
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
}

 

[TJA]

Try this:

.section.participants.avatarList .secondaryContent {
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
}

 

[tommydamic68]

Try this:

.section.participants.avatarList .secondaryContent {
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
}

Yes that worked, thank you @TJA - I generally use "inspect element" to find what source I need to use to add the CSS to, however, it doesn't give me the full code, is there something I am missing to help me find the proper source?