Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • March 31, 2014 at 3:13 pm #245467
    hellovlad_

    Hi,
    Right now my site has only the socket visible: http://www.linaukis.com/
    However, I would like to be able to insert FB, LI, Twitter and Email icon links in there. I downloaded a social links plug-in that I can insert into the footer, but not into the socket. How do I go about it? I’m a bit lost.
    Thank you so much for your help!

    March 31, 2014 at 3:16 pm #245470
    Yigit

    Hey hellovlad_!

    Please refer to my post here https://kriesi.at/support/topic/footer-socket-question/#post-193649

    Regards,
    Yigit

    March 31, 2014 at 3:44 pm #245482
    hellovlad_

    Thanks, Yigit!
    I just did that and it helped. However, it looks all the links, but one are cut off and overlap each other.
    Also, is there a way to make the icons bigger?

    thanks!

    March 31, 2014 at 4:05 pm #245489
    Yigit

    Hi!

    Please add following code to Quick CSS in Enfold theme options under Styling tab

    #socket .sub_menu_socket li { padding: 0; }

    Best regards,
    Yigit

    March 31, 2014 at 4:06 pm #245490
    hellovlad_

    Thank you!
    That works. Sorry, the last thing: can I make the icons larger?

    March 31, 2014 at 4:10 pm #245496
    Yigit

    Hey!

    Please add following code to Quick CSS as well and adjust as needed

    #top .social_bookmarks li a { font-size: 18px; }

    Regards,
    Yigit

    March 31, 2014 at 4:19 pm #245503
    hellovlad_

    Thank you!
    Sorry for bugging you once again. I adjusted the size to be the large as I want it, but when I increase the padding a bit #socket .sub_menu_socket li { padding: 4; } I end up with the same problem of having the icons overlapping each other. What should I enter to have them more spaced out apart?

    March 31, 2014 at 4:25 pm #245505
    Yigit

    Hey!

    Please change your code with following one

    #socket .sub_menu_socket li  { padding-right: 5px; }

    You should define px, pt, em or % when using padding only 0 would work without them and 4 is invalid

    Cheers!
    Yigit

    March 31, 2014 at 4:49 pm #245512
    hellovlad_

    Got it, thank you!
    And lastly, how can I remove the black dividers between the links?

    March 31, 2014 at 4:53 pm #245513
    hellovlad_

    Sorry for so many questions. I’m wondering, is there a way to replicate the header layout you have on this page: https://kriesi.at/support? I really like how the social icons sit on the right from the links, as opposed to how they are on my page: http://www.linaukis.com
    Is that a lot of modification on my end, or can I somehow also achieve it?
    thank you again!

    March 31, 2014 at 4:59 pm #245516
    hellovlad_

    I figured it on my own.
    But now my problem is that in the socket the highlight state on these links (color block) is not a uniform square. I realise it’s probably because it’s highlighting the character, instead of being the actual image.
    Is there a way to have a consistent width/height square highlight behind the link?

    thanks!

    March 31, 2014 at 5:18 pm #245524
    Yigit

    Hey!

    Please see Kriesi’s post here – https://kriesi.at/support/topic/kriesi-logo/#post-161892
    You can hire a freelance developer if you really want to replicate it but unfortunately we cannot help you with that.
    You can update the theme to the latest version 2.6.2 ( http://kriesi.at/documentation/enfold/updating-your-theme-files/ ) to have more control over header options ( http://kriesi.at/themes/enfold/headers/ )
    Please add following code to Quick CSS as well

    #top .social_bookmarks_twitter:hover a {
color: #46d4fe;
background-color: transparent;
}
#top .social_bookmarks_twitter a {
color: white;
background-color: #46d4fe;
}
#top .social_bookmarks_facebook:hover a {
color: #37589b;
background-color: transparent;
}
#top .social_bookmarks_facebook a {
color: white;
background-color: #37589b;
}
top .social_bookmarks_linkedin:hover a {
color: #419cca;
background-color: transparent;
}
top .social_bookmarks_linkedin a {
color: white;
background-color: #419cca;
}
#top .social_bookmarks_mail:hover a {
color: #9fae37;
background-color: transparent;
}
#top .social_bookmarks_mail a {
color: #fff;
background-color: #9fae37;
}

    Regards,
    Yigit

    March 31, 2014 at 5:45 pm #245557
    hellovlad_

    Thanks again for your help!

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘Insert Social Links/Icons into Socket’ is closed to new replies.