Social icons problem

Tagged: 

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #12361
    Leguelleguel
    Member

    I am trying to add social icons to my page in a column and it is getting on my nerves. The icons are SUPER small. I tried a custom CSS in the like of

    http://codepen.io/benfields/pen/pnoEL

    and http://codepen.io/PageOnline/pen/eBdjl

    to no avail.

    I tried the suggested: http://support.livemeshthemes.com/faqs/how-to-use-1500-icons-bundled-with-the-agile-theme/

    to no avail.

    I do not know how to make it work. I deleted most of it. I could get the icons to light up but cant change the icon to the ones I want.

    Help?

    I only want 4 medium sized social icon that light up in their respective color when mouse is on them all lined up horizontally. twitter, facebook, youtube, instagram.

    Thanks so much!

    #12363
    Leguelleguel
    Member
    This reply has been marked as private.
    #12377
    VeenaVeena
    Moderator

    Pls use the below custom CSS in themeoptions –

    ul.social-list a i {
    font-size: 28px;
    }
    i.icon-facebook8:hover {
    color: #3B5998;
    }
    i.icon-twitter2:hover {
    color: #2b7bb9;
    }
    i.icon-skype:hover {
    color: #0078CA;
    }
    i.icon-rss4:hover {
    color: #FF6600;
    }
    
    #12664
    Leguelleguel
    Member

    Thanks!

    I didnt see your post and now my website is all funny looking. There’s 2 footer and it is looking weird on mobile version… any clue what caused that?

    I was sure i copy/pasted original style.css content :/

    #12667
    Leguelleguel
    Member

    I tried it and it doesn’t work! the icons are still small with no animation and all glued together to the left… :/

    #12670
    Leguelleguel
    Member

    Hi,

    The hover color works, but I can’t change the font size…? something wrong somewhere?

    #12681
    VeenaVeena
    Moderator

    Pls use the below custom CSS in “Themeoptions” –

    i.icon-facebook8 {
    font-size: 28px;
    padding-right: 10px;
    }
    i.icon-twitter2 {
    font-size: 28px;
    padding-right: 10px;
    }
    

    Like above custom CSS pls add for the rest of the icons.

    If you don’t want the footer – sidebar pls include the below custom CSS in themeoptions –

    #footer {
    display: none;
    }
    
    #13368
    Leguelleguel
    Member

    Thanks alot!

Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Social icons problem’ is closed to new replies.