changing size of the footer font and footer social links

  • Author
    Posts
  • #13444

    rinoa3108
    Participant

    Hello,
    Is there a way to change the font size of the footer, and also the social links on the footer? I would like to make them bigger. Thanks
    Judy

    #13447

    Andrew Misplon
    Keymaster

    Hi Judy

    Customize > Theme Design > Bottom Bar to change the bottom bar text size. In Additional CSS add:

    .bottom-bar-menu .menu li a:before {
        font-size: 25px;
    }

    And adjust the font size there to change the social icon size.

    #13448

    rinoa3108
    Participant

    Hi Andrew,
    I very much appreciate the quick response.
    The icons change size with the CSS but the word ’email’ remains the same size (next to the social icons). Can this word change size?

    #13449

    Andrew Misplon
    Keymaster

    Glad that helped a bit, please, add:

    .site-footer .bottom-bar a {
    font-size: 15px;
    }
    #13452

    rinoa3108
    Participant

    Hi Andrew,
    The word “Wellness Eyecare” increased in size, but the word “email” remained the same size. Almost there!
    Judy

    #13453

    Andrew Misplon
    Keymaster

    In your custom CSS there isn’t a value listed:

    .site-footer .bottom-bar a {
        font-size: px;
    }

    px would need to change to a value before the unit of measurement. For example 15px.

    #13454

    rinoa3108
    Participant

    Hi Andrew,

    When I add in a value to the below code, nothing changes:

    /* Bottom Bar Social Links Menu */

    #colophon .social-links-menu ul li a:before {
    font-size: 2rem;
    }

    When I add in a value here, the “Wellness Eyecare” changes size.

    .site-footer .bottom-bar a {
    font-size: 20px;
    }

    #13455

    Andrew Misplon
    Keymaster

    Thanks, change

    .site-footer .bottom-bar a {
    font-size: 50px;
    }

    to

    .site-footer .bottom-bar a[href^="mailto"] {
        font-size: 50px;
    }
    #13456

    Andrew Misplon
    Keymaster

    Hi, the forum doesn’t support email replies at the moment. Please, copy CSS snippets from the forum directly. Characters will get incorrectly formatted via email. Thanks 🙂

Viewing 9 posts - 1 through 9 (of 9 total)

You must be logged in to reply to this topic.

Scroll to top