Home>Support>Social Icons displaying incorrectly

Social Icons displaying incorrectly

By Eric Toeg, 9 years ago. Last reply by Eric Toeg, 9 years ago.

Hello – I am using the vantage theme and working on a child theme.
I have been adding some custom CSS both within the dashboard and
also directly on the CSS file.
Problem: social icons in footer are displaying vertically stretched (too tall).
Can someone assist me as I think this should be an easy fix?
Thanks in advance!

URL: http://www.studiotdesign.com

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 9 years, 1 month ago Magus
    Hi, I Work Here

    Hi Eric

    There seem to be a lot of issues with your CSS compounded by the fact that everything is being loaded 3 times. That aside your issue is being caused by an entry you have made in Appearance->Custom CSS

    span {
    font-size: 80%;
    text-align: center;
    padding-top: 20px;
}

    The padding-top entry is increasing the height of the social media icons as they are displayed using a span element.
    You can either redefine your existing entry to make it more specific to the element you are trying to target or you can add the following to Appearance->Custom CSS

    .social-media-button-container span {
    padding: 0px;
}

    Let us know how you get on

    Magus

  2. 9 years, 1 month ago Eric Toeg

    Thank you so much. I will give it a shot. I really appreciate your advice.

    One question- why is my CSS being loaded 3 times? Does it have to do with the fact there are 2 child themes associated with this site? I could delete the child theme 2 because that was a mistake (and supposedly not in use) and maybe that will help?

  3. 9 years, 1 month ago Magus
    Hi, I Work Here

    Hi Eric

    Please delete the second child theme and then remove the @import from the top of your child theme Style.css file. Once done please check your child theme functions.php for the following function

    if ( !function_exists( 'chld_thm_cfg_parent_css' ) ):
    function chld_thm_cfg_parent_css() {
        wp_enqueue_style( 'chld_thm_cfg_parent', trailingslashit( get_template_directory_uri() ) . 'style.css' );
    }
endif;
add_action( 'wp_enqueue_scripts', 'chld_thm_cfg_parent_css' );

    The code may differ slightly, the important entry is whether or not you have the add action for wp_enqueue_scripts.

    Magus

  4. 9 years, 1 month ago Eric Toeg

    Hey thanks again. I will give its shot

    Much appreciated

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More