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

XF 1.2 Sidebar background

Discussion in 'Styling and Customization Questions' started by Devilwillcry4you, Nov 13, 2013.

  1. Devilwillcry4you

    Devilwillcry4you Active Member

    Does anyone happen to know what style property changes the background color of all the sideboxes?
     
  2. Shelley

    Shelley Well-Known Member

    .sidebar .secondaryContent

    That'll change the background/background-color
     
    Devilwillcry4you likes this.
  3. Devilwillcry4you

    Devilwillcry4you Active Member

    Thank you Shelley, I tried and that before I asked and didn't work. You post to do it and it start working.
     
    Shelley likes this.
  4. Tracy Perry

    Tracy Perry Well-Known Member

    It's that magic @Shelley touch. CSS hears her name and scampers in fear to obey! :D
     
    Devilwillcry4you likes this.
  5. Devilwillcry4you

    Devilwillcry4you Active Member

    This is so true, couldn't have said it better.
     
  6. cayne

    cayne Member

    Was this changed in 1.3? I can't seem to find .secondaryContent - in the sidebar styling options?! I see a lot of options, but none of them changes the background.
     
  7. kefallon

    kefallon Member

    Bump same problem how can i chnage sidebar background colour
     
  8. Tracy Perry

    Tracy Perry Well-Known Member

    Does
    Code:
    .sidebar .secondaryContent {
    background-color: green;
    }
    
    not work? You may have to put an !important after the color depending on your style.

    EDIT:
    This goes in EXTRA.css in case you were not sure.
     
    Last edited: Apr 13, 2014
  9. kefallon

    kefallon Member

    presume this goes in extra.css?
    just tried and it has not worked:confused:
     
  10. Tracy Perry

    Tracy Perry Well-Known Member

    If you are not using a custom style then it should work fine. If you are using a custom style it may already be set as an !important.

    Screen Shot 2014-04-13 at 2.53.07 AM.png

    Screen Shot 2014-04-13 at 2.52.04 AM.png
     
  11. kefallon

    kefallon Member

    Thanks just sorted it :)
     
  12. clove28

    clove28 Active Member

    How can I change this code using this color hex?
    #EAF4FE
     
  13. Brogan

    Brogan XenForo Moderator Staff Member

    background-color: #EAF4FE;
     
  14. clove28

    clove28 Active Member

    Thanks Brogan!
     
  15. clove28

    clove28 Active Member

    One more question, how can I change the font color?
     
  16. Amaury

    Amaury Well-Known Member

    Style Properties > Sidebar > Block Heading and Block Footnote
     
  17. DEZero

    DEZero Well-Known Member

    color: #;
     
    clove28 likes this.
  18. clove28

    clove28 Active Member

    Thanks guys! What a superior support! ;)
     
  19. clove28

    clove28 Active Member

    Update: I used that code but it didn't change the font color. Here's my code..
    Code:
    .nodeList .categoryStrip .nodeTitle a {
        font-size: 20px !important;
        color: #22578B;
    }
     
  20. DEZero

    DEZero Well-Known Member

    May have to do it the way @Amaury put it or add !important to the end of the color code.
     

Share This Page