Okay
  Public Ticket #1468326
Footer text alignments
Closed

Comments

  •  11
    signeralex started the conversation
    February 14, 2018 at 9:24am

    Hi! I've just finished our new site and have a few tweak requests. Here's the first one:

    Is there a way to make the following text adjustments to the footer:

    1. Vertically align everything to the top. Currently, it seems as if it's vertically aligned to the middle.

    2. On mobile, left-align the text. Currently, it's center aligned. 

    Thanks! 

    Alex

  •  1,560
    Laborator replied
    February 14, 2018 at 10:57am

    Hi Alex,

    Thank you for the review, and happy to see that you've built an awesome site with Kalium. Congrats!

    1. Adding the following CSS to Custom CSS will make the footer top aligned:

    .site-footer.footer-bottom-horizontal .footer-bottom-content .footer-content-left, .site-footer.footer-bottom-horizontal .footer-bottom-content .footer-content-right {
    vertical-align: top;
}

    2. Use this CSS in the Custom CSS > Responsive > Extra Small for centering the footer in mobile:

    .site-footer.footer-bottom-horizontal .footer-bottom-content .footer-content-right.footer-content-right,
.site-footer.footer-bottom-horizontal .footer-bottom-content .footer-content-left, 
.site-footer.footer-bottom-horizontal .footer-bottom-content .footer-content-right {
  text-align: left;
}

    If you don't know how to add custom CSS, follow our documentation guide which explains how to do it.

    Best regards,
    Laborator Team

      Documentation         Join Kalium Users Group

  •  11
    signeralex replied
    February 14, 2018 at 12:36pm

    Perfect! Thanks.