Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Contributor Nick C

    (@modernnerd)

    Hi henrymak.huttons,

    It looks like this CSS from your Salient theme is overriding the styling of the first icon:

    #footer-outer #footer-widgets .col ul li:first-child > a {
      padding-top: 0px!important;
    }

    To work around this, you could add the following CSS to your theme’s stylesheet:

    #footer-outer #footer-widgets .col .simple-social-icons ul li:first-child > a {
      padding-top: 8px !important;
    }

    Hope that helps!

    Thread Starter henrymak.huttons

    (@henrymakhuttons)

    Hi Nick,

    Magic! You are really helpful. Works perfect now.

    Thanks for your great help. Greatly appreciated!

    How does it looks now http://www.newlaunch360.sg
    Regards,
    Henry

    Plugin Contributor Nick C

    (@modernnerd)

    You’re welcome, Henry! Glad I could help. It’s looking great for me now too. 🙂

    Hmmm… I have also had this problem – and WAS using salient, now Avada. I tried the fix suggested, and it doesn’t seem to help. Would you mind having a look?
    http://emailmarketing.guru/new/
    Many thanks!

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    If you’re not using a Child Theme, and if the theme doesn’t have a designated section of the dashboard for CSS modifications then install this Custom CSS Manager plugin http://wordpress.org/plugins/custom-css-manager-plugin

    Then use its “CSS Code” section of the dashboard to hold your CSS modifications:

    Alternatively use your Child Theme style.css file to hold your CSS modifications:

    #simple-social-icons-3 .social-facebook a {
        padding-top: 8px !important;
    }

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Left Icon smaller than the rest’ is closed to new replies.