[Resolved] Footer bar different font sizes and colors

Home Forums Support [Resolved] Footer bar different font sizes and colors

Home Forums Support Footer bar different font sizes and colors

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #630780
    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.

    GeneratePress 2.1.3
    #630821
    Leo
    Staff
    Customer Support

    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 πŸ™‚

    #630989
    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.

    #631058
    Leo
    Staff
    Customer Support

    That’s the correct way.

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

    #631247
    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.

    #631346
    David
    Staff
    Customer Support

    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.

    #631918
    Catalina

    David, Leo,

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

    Have a fantastic afternoon πŸ™‚
    Catalina.

    #631982
    Leo
    Staff
    Customer Support

    Glad we could help πŸ™‚

    #1655008
    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?

    #1655032
    Ying
    Staff
    Customer Support

    Hi Claudia,

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

    Then content can be changed at Customizing > Layout > Footer > Copyright πŸ™‚

    #1655043
    Claudia

    Thanks, I have managed!

    #1655099
    Ying
    Staff
    Customer Support

    Glad to hear that πŸ™‚

Viewing 12 posts - 1 through 12 (of 12 total)
  • You must be logged in to reply to this topic.