Resource Add Custom XF Footer Text With CSS

[TheFiend]

This is a basic CSS code that can be applied to the extra.less template for adding your own custom footer text to your Xenforo forum.

.p-footer-copyright::before {
    content: "ADD YOUR TEXT HERE";
    display: block;
    text-align: center;
    margin-bottom: 8px;
    font-size: 13px;
}

Spoiler: Practical Example

This is the same basic CSS code—butt with a little additional CSS magic to give the text a red, white and blue color gradient.

.p-footer-copyright::before {
    content: "In Memory of Pat Flood";
    display: block;
    text-align: center;
    margin-bottom: 8px;
    font-size: 13px;
    background: linear-gradient(310deg, #002868 20%, #ffffff 50%, #bf0a30 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    filter: drop-shadow(0 0 1px rgba(255, 255, 255, 0.3));
}