• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

XF 1.4 CSS in sidebar

tommydamic68

Well-known member
#1
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:

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


Screen Shot 2014-12-11 at 8.53.34 PM.png
 

TJA

Well-known member
#2
Try this:
Code:
.section.participants.avatarList .secondaryContent {
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
}
 

tommydamic68

Well-known member
#3
Try this:
Code:
.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?