Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1259767
    yhshin1020
    Participant

    Hey,

    I want to customise my footer a bit further and here are some of my requests:

    Could it be possible (via css), to:

    1) Reduce the spacing between the footer widget area aand the footer content (including social media icons) at the bottom?

    2) Change the social icons to something like this: http://imgur.com/a/NZEzc?

    3) Align the footer content (© Guide Dog 2016 All Rights Reserved) to the left and add a thin line above it?

    Thank you very much.

    #1259772
    yhshin1020
    Participant
    This reply has been marked as private.
    #1259977
    Jade
    Moderator

    HI there,

    Please add this code in the customizer:

    .x-colophon.top, .x-colophon.top #x-section-5 {
        padding-bottom: 0;
    }
    
    footer .x-social-global a {
        width: 50px;
        height: 50px;
        background-color: #ddd;
        padding: 15px;
        border-radius: 50%;
    }
    
    .x-colophon-content:before {
        width: 200px;
        height: 1px;
        background-color: #fff;
        content: "";
        display: block;
        margin-bottom: 15px;
    }

    Hope this helps.

    #1260545
    yhshin1020
    Participant
    This reply has been marked as private.
    #1260590
    Rupok
    Member

    Hi there,

    Thanks for writing back. You can try this :

    .x-colophon.bottom .x-colophon-content {
      letter-spacing: 0;
    }

    Cheers!

  • <script> jQuery(function($){ $("#no-reply-1259767 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>