Two questions

[Alan Feuerstein]

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.

 

[Paul B]

This thread will help with footer links: http://xenforo.com/community/threads/remove-the-underline-on-hover-from-the-footer-links.8974/

The options for the message template are in the ACP -> Style Properties -> Message Elements

 

[M@rc]

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)

You need to edit your templates :

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

Search and find :

<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 :

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

 

[Paul B]

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.

 

[Alan Feuerstein]

This thread will help with footer links: http://xenforo.com/community/threads/remove-the-underline-on-hover-from-the-footer-links.8974/

The options for the message template are in the ACP -> Style Properties -> Message Elements

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.

 

[Paul B]

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.

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

 

[Alan Feuerstein]

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.

 

[Paul B]

Just add any custom css to EXTRA.css, which is what that template is for.
It won't affect upgrades then at all.

http://xenforo.com/community/threads/add-all-css-edits-to-extra-css.8644/

 

[Alan Feuerstein]

Right...custom code...I dunno any of that 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?

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

 

[Paul B]

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:

.footer .pageContent {
    background: @primaryLightest !important;
}

 

[Alan Feuerstein]

That worked perfectly. Also, I'm slightly less terrified of changing the code now that it didn't break my site for once

Thanks a ton.

 

[Alan Feuerstein]

So...it turns out I have a third question

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.

 

[Paul B]

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.

 

[Alan Feuerstein]

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!

 

[Alan Feuerstein]

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?

#loginBar
{
    color: @primaryDarker;
}

 

[Paul B]

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.

 

[Alan Feuerstein]

Hrm, I'm doing something wrong...I have the following in EXTRA.css

#loginBar .textCtrl
    {
        background: @primaryDark;
        border-color: @primaryLightish;
        color: @primaryDarker;
    }

but the text is still primaryLightest.

 

[Paul B]

Try using !important to force it.

#loginBar .textCtrl
    {
        background: @primaryDark;
        border-color: @primaryLightish;
        color: @primaryDarker !important;
    }

 

[Alan Feuerstein]

Uh...where do I put that?

 

[Paul B]

color: @primaryDarker !important;