Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • January 21, 2016 at 11:03 am #569307
    Ankee

    Hey there,

    I try to make a new website in Enfold and now I have two questions:

    1. I put three links in my socket on the right side.

    The font color of the links is black but the color of the vertical separator lines remain white. In the preview in Enfold (under “general styling/socket/primary color for links etc.”) the separator lines are also shown in black or any color I choose.

    But anyway on the website they still remain white!

    So, how can I change the color of these separator lines?

    Another idea, is there a way to remove the separators?

    2. The second problem:
    I also have some social icons like facebook, twitter, youtube, mail in the socket on the right side.

    I gave these icons an appropriate background in CSS. Now I want to change the font of the icons from entypico-fontello into awesome because I want to have them with a squared background.
    (In entypico they are all with a round background; in awesome you find them with a squared background.)

    How can I do that?

    Is there somebody for an answer. Thanks a lot.
    Ankee

    January 22, 2016 at 6:33 am #569777
    Rikard

    Hi Ankee,

    Login details are not working for me, could you check please?

    Best regards,
    Rikard

    January 22, 2016 at 9:32 am #569837
    Ankee

    Hi Rikard,

    sorry for that, you are right, I made a mistake with the PW.

    I will send it again.
    Thanks for support,
    Anke

    January 22, 2016 at 8:47 pm #570312
    Vinay

    Hey!

    We are working on your ticket now please be patient while we update the results soon.

    To remove the separators in footer links please remove socket border in Enfold > general Styling

    To enhance the footer social icons appearance a bit we have added the below css

    /*** socket social icon size in certain ranges***/
#socket .social_bookmarks li a {
width: 40px !important;
height: 40px !important;
font-size: 18px !important;
border-radius:50px;
} 
#socket .social_bookmarks li  {
margin-left: 15px !important;
}

    If you still like to go ahead and change the icons please follow the steps in the below link

    http://kriesi.at/documentation/enfold/adding-your-own-icon-fonts/

    Cheers!
    Vinay

    • This reply was modified 8 years, 3 months ago by Vinay.
    January 23, 2016 at 9:45 pm #570619
    Ankee

    Hi Vinay,

    separators handling in socket worked well, thanks.

    I also select from icon font “fontello” social icons in the socket now. I changed the size and margin in the Quick-CSS window how I need it. It works pretty well.
    The only thing I am not able to manage so far is:

    – How can I give these icons their typical color?

    – Whenever I hover the mouse over the social icons in the socket a background circle appears. But what I really like to have is none background. I like to have no circle no square. Only the indicatoring hand with pointing finger.

    Could you propose a solution?

    Cheers Ankee

    January 26, 2016 at 8:57 am #571958
    Ankee

    Hey there,

    is there anyone for me with a solution for my problem?

    Thanks Ankee

    January 27, 2016 at 11:01 am #572732
    Vinay

    Hi!

    Hi we usually get back to you with a day if you post it between monday to friday. Please do not bump your tickets as it will push to the bottom of the queue.

    We are working on your ticket please be patient while we update the results soon.

    We have modified and added this CSS

    
/****farbige Einzel-Icons***/

#top .social_bookmarks_facebook a:hover {
color: #2168d3!important;
background: transparent!important;
}

#top .social_bookmarks_twitter a:hover {
color: #24cfe2!important;
background: transparent!important;
}

#top .social_bookmarks_youtube a:hover {
color: #dd3333!important;
background: transparent!important;
}

#top .social_bookmarks_mail a:hover {
color: #67ad21!important;
background: transparent!important;
}

    Best regards,
    Vinay

    • This reply was modified 8 years, 3 months ago by Vinay.
    January 27, 2016 at 2:39 pm #572888
    Ankee

    Hey Viney,

    that is perfect now – thanks for your support.
    For the next time I know the process now not to bump you with my ticket.

    Thanks again,
    Ankee

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘separator lines in socket’ is closed to new replies.