XF 2.2 How to change the font in the account menu navbar and footer?

and2

New member
Good afternoon

I researched it but could not find an answer, so forgive me asking a question which certainly has been asked already.

Basically I want to change two font colors. First, the color of the user account navigation bar:

1628261232875.png

Second, the background color of the footer:

1628261282711.png

For both I cannot find the setting.

Where do I have to look?

Thanks
Andreas
 
Solution
The first one based on the navbar settings. The font color comes from the .p-nav class. You can call this class directly within the extra.less template. This is a template extra for personal changes on themes without settings.
Try this for the user name:
Less:
/*** Change font color navbar username***/
.p-nav {
    .p-navgroup-link--user {
        color: pink;
    }
}

The second one is also a global class called .p-footer.
Here you can use in the extra.less
Less:
/*** Change font color footer copyright ***/
.p-footer {
    .p-footer-copyright {
        color: pink;
    }
}

Bildschirmfoto 2021-08-06 um 17.07.46.png

Bildschirmfoto 2021-08-06 um 17.06.46.pngBildschirmfoto 2021-08-06 um 17.06.53.png

mcatze

Well-known member
The first one based on the navbar settings. The font color comes from the .p-nav class. You can call this class directly within the extra.less template. This is a template extra for personal changes on themes without settings.
Try this for the user name:
Less:
/*** Change font color navbar username***/
.p-nav {
    .p-navgroup-link--user {
        color: pink;
    }
}

The second one is also a global class called .p-footer.
Here you can use in the extra.less
Less:
/*** Change font color footer copyright ***/
.p-footer {
    .p-footer-copyright {
        color: pink;
    }
}

Bildschirmfoto 2021-08-06 um 17.07.46.png

Bildschirmfoto 2021-08-06 um 17.06.46.pngBildschirmfoto 2021-08-06 um 17.06.53.png
 
Last edited:
Solution
Top