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

How do I change the background color of the footer

Discussion in 'XenForo Questions and Support' started by Chimpie, Oct 8, 2010.

  1. Chimpie

    Chimpie Well-Known Member

    How do I change the background color of the footer (where it lists the style name, contact us, home, top)? Can it only be done via CSS/Templates or is there a place to do so like the header?
     
  2. Brogan

    Brogan XenForo Moderator Staff Member

    It's controlled by the Style Properties system in the ACP: @primaryMedium
     
  3. Chimpie

    Chimpie Well-Known Member

    Okay, but I've been searching there for awhile now and still haven't found it. The only footer I found was the Section Footer which is not it.

    If I missing it, can you take a moment and specify where in the Style Properties it is? Thanks.
     
  4. Brogan

    Brogan XenForo Moderator Staff Member

    I edited my post after you replied, it's the @primaryMedium colour.
     
    Chimpie likes this.
  5. MrBrian

    MrBrian Active Member

    In your footer.css

    Code:
    background: #yourhexcode;
     
    Chimpie likes this.
  6. Chimpie

    Chimpie Well-Known Member

    Okay, so the only place to edit the footer color is through the CSS/Templates correct?

    If so, I think I'll make the suggestion to add the ability to change the footer color via the Style Properties: General section.
     
  7. Brogan

    Brogan XenForo Moderator Staff Member

    Err, no.

    It is changed in the Style Properties system in the ACP: @primaryMedium

    It already exists, as I have stated above :confused:
     
    Chimpie likes this.
  8. Shelley

    Shelley Well-Known Member

    Go into the .footer css template and locate the following code:

    Code:
    .footer .pageContent
    {
        background: @contentBackground;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        overflow: hidden; zoom: 1;
        font-size: 11px;
    }
    I'm assuming you want the footer background to match the page background as I found when adjusting through the color palette would change the text resulting in the text and background being the same colour. Anyway, the footer.css template is where you want to be.
     
    Chimpie likes this.
  9. Chimpie

    Chimpie Well-Known Member

    Brogan, you're stating the color. I'm asking how do you change the color of the footer.

    Unless I'm completely misunderstanding what you're saying.
     
  10. Brogan

    Brogan XenForo Moderator Staff Member

    I guess we must be.

    I thought you meant the blue bar along the bottom?

    footer.PNG

    I changed it to pink by adjusting @primaryMedium.
     
    Chimpie likes this.
  11. Peggy

    Peggy Well-Known Member

    But if you change primaryMedium, that will change every other instance where PrimaryMedium is used.

    @ Chimpie - following Shelley's instructions is what you want to do, if you're trying to accomplish what she said.
     
    Chimpie and Shelley like this.
  12. MrBrian

    MrBrian Active Member

    You totally skipped my post. lol
     
    Chimpie and Shelley like this.
  13. Chimpie

    Chimpie Well-Known Member

    Thanks Peggy. What Shelley said was what I said from the beginning, just seeking clarification. That the only way to change the color of the footer is through the footer.css.

    In my opinion, changing the primaryMedium is not practical as I may not want to change every other instance where it is used.

    Thanks to all those the replied.
     
  14. Brogan

    Brogan XenForo Moderator Staff Member

    Well that goes without saying.
    He didn't say he didn't want the rest of the elements that use that colour to update :confused:

    He asked how to change the footer colour.
    My initial and subsequent responses were correct.
     
  15. Shelley

    Shelley Well-Known Member

    Blimey, I did miss your post. Anyway, as well as myself what MrBrian suggested.
     
    Chimpie and MrBrian like this.
  16. Chimpie

    Chimpie Well-Known Member

    No, I read your post from the beginning. I was seeking clarification on...
     
  17. Shelley

    Shelley Well-Known Member

    Which is why you'll have to venture into the css template and assign an existing or new class.
     
    Chimpie likes this.
  18. Chimpie

    Chimpie Well-Known Member

    Not for those that are still learning XF. :raises hand:

    I had no idea until this post that changing the color primaryMedium would change every instance where it is used.
     
  19. Peggy

    Peggy Well-Known Member

    Yes it does.
     
  20. Brogan

    Brogan XenForo Moderator Staff Member

    Well at least we got there in the end ;)
     

Share This Page