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

How do I add footer Shadow and pagecontect radius

Discussion in 'XenForo Questions and Support' started by mrb1972, Feb 23, 2011.

  1. mrb1972

    mrb1972 Active Member


    Does anyone know how I add
    1. shadow to footer
    2. Add radius to the bottom on he pagecontent (above the footer)

    I have tried various thing but cant see to get it to work or find the correct place to edit.

  2. Brogan

    Brogan XenForo Moderator Staff Member

    For the footer:
    Style Properties -> Footer -> Main Container - Miscellaneous: box-shadow: 2px 2px 5px rgba(0,0,0, 0.4);

    For the radius, do you mean the white background?
    If so you can do that in Style Properties -> General -> Content: Radius
  3. mrb1972

    mrb1972 Active Member

    thanks.. im sure i tried those but nothing happened.. I will give it another go...
  4. Brogan

    Brogan XenForo Moderator Staff Member

    This is how it appears on my test install.


    I also have this in EXTRA.css
    #content .pageWidth {
    background-color: @pageBackground;
  5. mrb1972

    mrb1972 Active Member

    ok I get the footer shadow to work but not the content radius

    I have gone to General>Content and put 10px in the border Radius box under All, i guess that is not correct..
  6. Brogan

    Brogan XenForo Moderator Staff Member

    That's correct.
    Unless you change the background-color as I posted above though, you won't see the effect.

    Can you provide a link to your site so I can check?

Share This Page