[Resolved] Footer bar different font sizes and colors

[Catalina]

Dears,

I need to have in the footer bar two things:

1. A link to the privacy policy, in gray letters and not so big.
2. The name of the website (similar to the copyright text) in a bigger font size and in white letters.

Currently, I have both texts, but I don’t know how to make them differ in color and size.

Thank you so very much!!!
Catalina.

[Leo]

Hi there,

Try using the footer bar widget area first:
https://docs.generatepress.com/article/footer-bar-widget-area/

Then we can help with some CSS to style them differently.

Let me know 🙂

[Catalina]

Hi Leo,

I think that is what i did initially, the link to the privacy policy was created in the footer bar widget, and the name of the website was included via customize > layout > footer > copyright (and in the copyright area i included the name of the website).

Should i include them in a different way so it is easier to customize them?

Thank you tons for your help! 🙂
Catalina.

[Leo]

That’s the correct way.

Try changing the footer bar alignment to right:
https://docs.generatepress.com/article/footer-bar-widget-area/

[Catalina]

Hi Leo,

I changed the footer bar alignment, but that is not what i want to change, I actually want both texts to be centered… What i would like is the text saying Privacy policy to be smaller in font and in gray, and then the text that says cv-coaching.net to be in white and in bigger font size…

Something kind of similar to what you guys have in your own website… The part that says made Made with on Vancouver Island is in a different size and color and the part that says Animation mode is in another size and color… 🙂

Thanks so very much for your help!
Catalina.

[David]

Hi there,

so you can target the copyright bar like so:

.footer-bar-align-center .copyright-bar {
    font-size: 20px;
}

Widget text:

.footer-bar-active .footer-bar .widget {
    font-size: 12px;
}

For its color you can use the Customiser > Colors > Footer > Link colors.

[Catalina]

David, Leo,

Thank you so very much, it worked just great!!!!!
Big big thanks!

Have a fantastic afternoon 🙂
Catalina.

[Leo]

Glad we could help 🙂

[Claudia]

I would like to customize the color of my footer bar and to remove the GeneratePress mention from there. How do I do that?

[Ying]

Hi Claudia,

You could change footer bar color at Customizing > Colors > Footer > Footer Bar.

Then content can be changed at Customizing > Layout > Footer > Copyright 🙂

[Claudia]

Thanks, I have managed!

[Ying]

Glad to hear that 🙂

[Author]

Posts