css 此代码段用于以下知识库文章 - https://kb.wpbeaverbuilder.com/article/150-adjust-the-size-of-the-social-icon

Posted 2021-05-13

/* Resize and reposition the Font Awesome social icons in the top bar */
.fl-page-bar .fl-social-icons {
    margin: 10px 0 5px 0;
}
.fl-page-bar .fl-social-icons i.fa {
    font-size: 40px;
    width: 60px !important;
}

/* Resize and reposition the Blogger social icon in the top bar */
.fl-page-bar .fl-social-icons .fl-icon {
    font-size: 50px;
}

/* Resize and reposition the Font Awesome social icons in the Nav Bottom header */
.fl-page-header-primary .fl-social-icons .fa-stack  {
    font-size: 30px;
    width: 80px;
}
.fl-page-header-content .fl-social-icons {
    margin-right: 20px !important;
}

/* Resize and reposition the Blogger social icon in the Nav Bottom header */
.fl-page-header-primary .fl-social-icons .fl-icon {
    font-size: 60px;
    width: 40px;
    position: relative;
    top: 7px;
}

/* Resize and reposition the Font Awesome social icons in the footer */
.fl-page-footer .fl-social-icons .fa-stack {
    font-size: 30px;
    width: 80px;
}

/* Resize and reposition the Blogger social icon in the footer */
.fl-page-footer .fl-social-icons .fl-icon {
    font-size: 60px;
    width: 50px;
    position: relative;
    top: 10px;
}