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

Two questions

Discussion in 'XenForo Questions and Support' started by Alan Feuerstein, Jan 13, 2011.

  1. K, first, I'm custom making my own style, and I have virtually everything done...but I can't find the style property that includes the footer for the page (style chooser,contact us, home, top)

    Second, I'm trying to figure out how to turn on the profile fields under the avatar on the left side in threads? Nothing custom, just the ones that XF already has, like join date, postcount, etc.

    [​IMG]
     
  2. Brogan

    Brogan XenForo Moderator Staff Member

  3. M@rc

    M@rc Well-Known Member

    You need to edit your templates :

    Admin Control Panel => Appearance => Templates => footer

    Search and find :

    Code:
    <li><a href="{$requestPaths.requestUri}#navigation">{xen:phrase go_to_top}</a></li>
                </xen:hook>
                </ul>
                
                <span class="helper"></span>
            </div>
        </div>
    </div>
    Above it, add your footer links :

    Code:
    <li><a href="http://www.example.com/">Anchor Text</a></li>
     
  4. Brogan

    Brogan XenForo Moderator Staff Member

    I believe he wants to style the footer elements not add a link.
    In which case the classes are:

    #copyright .concealed
    .footerLinks
    #legal
    .footer .choosers

    As per the thread listed above though, it's better to add any edits to EXTRA.css as that makes it easier come upgrade time.
     
  5. Err...I guess I explained that badly. I'm trying to change the color of the footer, not remove anything from it. I can change it by changing the color palette, but that changes other stuff that I want to keep as is, so I'm trying to find the specific style property group that includes the footer. I haven't had much trouble finding all the other individual parts I need, but for some reason I just can't seem to find that one.
     
  6. Brogan

    Brogan XenForo Moderator Staff Member

    The Style Properties include multiple elements so changing a colour will affect several things.

    If you want to change the colour of a specific item then you will need to edit the css.
    For the footer the class is .footer .pageContent
     
  7. Really? I can change everything else individually (well, virtually everything). Managed to manually re-style my entire site without any coding (I really don't like code)...except for the footer. Blarg. Oh well, thanks.

    Found the profile options in messages, thanks.
     
  8. Brogan

    Brogan XenForo Moderator Staff Member

  9. Right...custom code...I dunno any of that :D I was sooooo close to doing my whole style without doing any. Kinda weird that every other part of the site can be custom controlled from within the Style Property Groups, but not the footer. But if I have to code...well, time for adventure into the unknown!

    What it looks like to me, he who doesn't code, would be that maybe I could change @primaryMedium to @primaryLightest, which is already the color I want the footer to be?

    Code:
    .footer .pageContent
    {
        background: @primaryMedium;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        overflow: hidden; zoom: 1;
        font-size: 11px;
    }
    Would that work? Or is there some code that I could add to do the same thing, so I wouldn't mess up my next upgrade?
     
  10. Brogan

    Brogan XenForo Moderator Staff Member

    Well the software is still Beta and the Style Properties system is being expanded all the time so it may be possible in the next release.

    If you add this to EXTRA.css then it should achieve what you want:

    Code:
    .footer .pageContent {
        background: @primaryLightest !important;
    }
     
  11. That worked perfectly. Also, I'm slightly less terrified of changing the code now that it didn't break my site for once :D

    Thanks a ton.
     
  12. So...it turns out I have a third question :confused:

    Do you know the Style Property Group which includes the background for the popup thread preview when you mouseover a thread in a subforum index? Or, if not, which css to copy/modify?

    The color used should be @contentBackground, if that helps.

    Edit: here is an example, since my description is...bad. Note the see through preview, which makes it really hard to read. Currently, the only thing on the color palette that is clear is the @contentBackground, but I used search templates to look for that, and didn't find anything promising.

    [​IMG]
     
  13. Brogan

    Brogan XenForo Moderator Staff Member

    That's in Style Properties -> Overlays and Tooltips -> Preview Tooltip

    However, I reported that as not working properly so it should be fixed in the next release.

    In the meantime you can edit the .xenPreviewTooltip class which is found in xenforo.css

    Just add any edits to EXTRA.css as before using the same class names.
     
  14. Interesting. I dunno what isn't working properly, but I edited mine in the style properties and its working just fine now with now css addition.

    Was right where you said it was, though. Thanks!
     
  15. Question number 4! It turns out I'm a horrible liar, and there will probably be many more after this. So terrible...

    In any event, I'm trying to find the Style Property Group that controls the login window at the top of the screen so I can change the color of the text you write into the input box.

    If there isn't one, then would pasting this into extra.css work?

    Code:
    #loginBar
    {
        color: @primaryDarker;
    }
    
     
  16. Brogan

    Brogan XenForo Moderator Staff Member

    You need to use the #loginBar .textCtrl class for that.

    It should be fine in EXTRA.css, you may need to use the !important declaration though.
     
  17. Hrm, I'm doing something wrong...I have the following in EXTRA.css
    Code:
    #loginBar .textCtrl
        {
            background: @primaryDark;
            border-color: @primaryLightish;
            color: @primaryDarker;
        }
    but the text is still primaryLightest.
     
  18. Brogan

    Brogan XenForo Moderator Staff Member

    Try using !important to force it.

    Code:
    #loginBar .textCtrl
        {
            background: @primaryDark;
            border-color: @primaryLightish;
            color: @primaryDarker !important;
        }
     
  19. Uh...where do I put that? [​IMG]
     
  20. Brogan

    Brogan XenForo Moderator Staff Member

    color: @primaryDarker !important;
     

Share This Page