This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Social Icons displaying incorrectly

Resolved 4 replies premiumthemetheme-vantage
Eric Toeg
10 years ago · Last reply by Eric Toeg 10 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.

Need fast email support? Get SiteOrigin Premium

Replies

4
  1. Magus Staff 10 years, 10 months ago

    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. Eric Toeg 10 years, 10 months ago

    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. Magus Staff 10 years, 10 months ago

    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. Eric Toeg 10 years, 10 months ago

    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.

Have a different question or issue?

Start New Thread