1. 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

Discussion in 'Styling and Customization Questions' started by tommydamic68, Dec 12, 2014.

  1. tommydamic68

    tommydamic68 Well-Known Member

    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
     
  2. TJA

    TJA Well-Known Member

    Try this:
    Code:
    .section.participants.avatarList .secondaryContent {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    }
     
  3. tommydamic68

    tommydamic68 Well-Known Member

    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?
     

Share This Page