Viewing 21 posts - 1 through 21 (of 21 total)
  • Author
    Posts
  • January 29, 2014 at 11:26 pm #216669
    Justin

    Hey guys,
    looking at the socket here: dev.lorenasarbu.com
    Can you provide some direction on how best to customize this section to where it’s mobile friendly, and functions as is seen in this illustration? dev.lorenasarbu.com/footer.jpg

    I am looking to add an icon list in the socket, as well as one form field for email submissions utilizing some JS so that the form, upon submission, disappears and pulls up a ‘thank you for submission’ text.

    Thanks!

    January 30, 2014 at 4:19 am #216764
    Yigit

    Hi Js-interactive!

    Please refer to this topic to add social icons to socket section https://kriesi.at/support/topic/footer-socket-question/#post-193649
    And you are going to need to find a subscription plugin and implement it in Footer.php file in Appearance > Editor. Your code should go between 

    <!-- ####### END FOOTER CONTAINER ####### -->

    and 

    <!-- ####### END SOCKET CONTAINER ####### -->

    Cheers!
    Yigit

    January 30, 2014 at 7:26 am #216826
    Justin

    Yigit, regarding the social icons….it says you can control what icons are disaplyed by the header options under the ENFOLD THEME OPTIONS. The problem Yigit, is that I’d like the icons in the socket, and the socket only….no place else.

    Justin

    January 30, 2014 at 11:01 am #216894
    Yigit

    Hi!

    You can temporarily choose one of header types with social icons to insert your accounts then switch header back to the one that you are currently using. Social icons will be displayed only on the footer section

    Regards,
    Yigit

    January 30, 2014 at 4:33 pm #217003
    Justin
    This reply has been marked as private.
    January 30, 2014 at 4:37 pm #217011
    Yigit

    Hey!

    As i mentioned there “and add following code right over it“, please add the social icons code over wp_nav_menu code and it should work fine

    Regards,
    Yigit

    January 30, 2014 at 4:43 pm #217016
    Justin
    This reply has been marked as private.
    January 30, 2014 at 4:52 pm #217024
    Yigit

    Hi!

    I meant “above”, sorry for confusion :)

    Regards,
    Yigit

    January 30, 2014 at 4:54 pm #217026
    Justin

    No prob…and that’s what I did…but you’ll see what’s taking effect….the navigation needs to be on the same line as the Social media

    January 30, 2014 at 5:02 pm #217034
    Yigit

    Hi!

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

    #top .social_bookmarks { float: left; margin-top: -4px; }
#top .social_bookmarks li { padding: 0!important; }

    Cheers!
    Yigit

    January 30, 2014 at 5:06 pm #217039
    Justin
    This reply has been marked as private.
    January 30, 2014 at 5:10 pm #217044
    Yigit

    Hi!

    Can you post a screenshot and point out? This is how it looks on my end http://i.imgur.com/AaUaXzZ.jpg

    Cheers!
    Yigit

    January 30, 2014 at 5:13 pm #217048
    Justin

    Yea it looks really good in Chrome, IE and Safari … can you share what you’re seeing in Firefox?

    January 30, 2014 at 9:58 pm #217163
    Yigit

    Hi!

    Here it is http://i.imgur.com/hJvRsH0.jpg
    Can you add following code to Quick CSS as well?

    #top .social_bookmarks { margin: 0px 0px 0px -120px!important; }

    Regards,
    Yigit

    • This reply was modified 10 years, 10 months ago by Yigit.
    January 30, 2014 at 10:14 pm #217172
    Justin
    This reply has been marked as private.
    January 30, 2014 at 10:16 pm #217174
    Yigit

    Hi!

    I have updated my previous post and added !important rule to force it. Please try it now

    Best regards,
    Yigit

    January 30, 2014 at 10:31 pm #217186
    Justin
    This reply has been marked as private.
    January 30, 2014 at 10:35 pm #217188
    Yigit

    Hi!

    Can you finally try adding following code to Quick CSS 

    #footer .social_bookmarks { margin: 0px 0px 0px -120px!important; }

    If that does not work and if you do not mind, please create a temporary admin login and post it here privately so i can take a look?

    Best regards,
    Yigit

    January 30, 2014 at 10:40 pm #217192
    Justin
    This reply has been marked as private.
    January 30, 2014 at 10:50 pm #217198
    Yigit

    Hi!

    I have added custom CSS code to top of Quick CSS section. It does look fine now http://i.imgur.com/cTtcj1t.jpg
    You can additionally add following code to increase top margin of footer menu to make it inline with social icons

    #socket .menu {
margin-top: 12px;
}

    Cheers!
    Yigit

    January 31, 2014 at 3:39 pm #217453
    Justin
    This reply has been marked as private.
  • Author
    Posts
Viewing 21 posts - 1 through 21 (of 21 total)
  • The topic ‘Customizing Socket’ is closed to new replies.