anil

Customer
Hey Russ,

I would like to move the (bottom right bar [links] ) to the top left (or just left) and re-align the copyright footer all the way to the right. And if possible re-size the copyright text to be a little smaller without affecting the rest of the forum, that'd be swell.

Screenshot 2024-08-27 at 11.37.55 AM.png


Thanks in advanced.
 
Solution
You definitely have a lot going on down there. First part, I'd work on getting the branding removed from those add-ons (legitimately). Our branding is optional to remove as you've done. Some require payment but if you truly need those add-ons, look into how you can get the branding off to clean it up.

This CSS (can be placed into your extra.less) would reduce the copy right font a little (which you may need to check with XF if you're allowed to do this), and center it all.
Code:
.p-footer-copyright
{
    .p-footer-copyright--flex 
    {
    flex-direction: column;
        .copyright-right
        {
                margin: @xf-paddingMedium auto 0;
        }
    }
    .copyright-left
    {
        font-size: 90%;
    }
}

Or this CSS...
You definitely have a lot going on down there. First part, I'd work on getting the branding removed from those add-ons (legitimately). Our branding is optional to remove as you've done. Some require payment but if you truly need those add-ons, look into how you can get the branding off to clean it up.

This CSS (can be placed into your extra.less) would reduce the copy right font a little (which you may need to check with XF if you're allowed to do this), and center it all.
Code:
.p-footer-copyright
{
    .p-footer-copyright--flex 
    {
    flex-direction: column;
        .copyright-right
        {
                margin: @xf-paddingMedium auto 0;
        }
    }
    .copyright-left
    {
        font-size: 90%;
    }
}

Or this CSS would left-align it all
Code:
.p-footer-copyright
{
text-align: left;
    .p-footer-copyright--flex 
    {
    flex-direction: column;
    align-items: flex-start;
        .copyright-right
        {
                margin: @xf-paddingMedium 0 0;
ul.p-footer-linkList li:first-of-type a {
    padding-left: 0;

        }
    }
    .copyright-left
    {
        font-size: 90%;
    }
}
 
Solution

Pre-Sale Questions

If you have any questions or concerns you want to ask before you make a purchase don't hesitate to use one of our multiple support channels for your convenience.

Back