Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #113129
    Sumiko Miida
    Participant

    Hi, I would like to add twitter & LINE links as social widget on my website with Catch Evolution Pro. In theme option, I found twitter but not LINE. Could you let me know how to add Line logo & link? And I would also like to change their color from gray to original color.
    I really appreciate your help.

    Thank you.
    Sumiko

    #113147
    Mahesh
    Keymaster

    @sumiko: For that, you can use text widget to add up some custom social links manually. Or try some of our other themes that has built in Custom Social Icons feature (Catch Base Pro).
    To change color from gray to original, go to Dashboard=> Appearance=> Customize=> Additional CSS box and add the following CSS:

    .social-profile ul li.facebook a {
    	background-position: 0 -44px;
    }
    .social-profile ul li.twitter a {
    	background-position: -44px -44px;
    }
    .social-profile ul li.rss a {
    	background-position: -88px -44px;
    }
    .social-profile ul li.you-tube a {
    	background-position: -132px -44px;
    }
    .social-profile ul li.linkedin a{
    	background-position: -176px -44px;
    }
    .social-profile ul li.tumblr a{
    	background-position: -220px -44px;
    }
    .social-profile ul li.viemo a {
    	background-position: -264px -44px;
    }
    .social-profile ul li.slideshare a {
    	background-position: -264px -44px;
    }
    .social-profile ul li.dribbble a {
    	background-position: -308px -44px;
    }
    .social-profile ul li.my-space a {
    	background-position: -352px -44px;
    }
    .social-profile ul li.aim a {
    	background-position: -396px -44px;
    }
    .social-profile ul li.myspace a{
    	background-position: -352px -44px;
    }
    .social-profile ul li.flickr a{
    	background-position: -440px -44px;
    }
    .social-profile ul li.pinterest a{
    	background-position: -484px -44px;
    }
    .social-profile ul li.google-plus a {
    	background-position: -528px -44px;
    }
    .social-profile ul li.wordpress a {
    	background-position: -572px -44px;
    }
    .social-profile ul li.deviantart a{
    	background-position: -616px -44px;
    }
    .social-profile ul li.slideshare a {
    	background-position: -660px -44px;
    }
    .social-profile ul li.instagram a{
    	background-position: -704px -44px;
    }
    .social-profile ul li.skype a {
    	background-position: -748px -44px;
    }
    .social-profile ul li.soundcloud a {
    	background-position: -792px -44px;
    }
    .social-profile ul li.email a {
    	background-position: -837px -44px;
    }
    .social-profile ul li.contactus a {
    	background-position: -837px -44px;
    }
    .social-profile ul li.xing a{
    	background-position: -882px -44px;
    }
    .social-profile ul li.meetup a {
    	background-position: -971px -44px;
    }

    Regards,
    Mahesh

    #113209
    Sumiko Miida
    Participant

    Hi Mahesh-san,

    Thank you for your advice. But unfortunately I need to use this template because of some conditions. But I could fix this issue by customizing plug-in finally.
    And I have some another questions.

    1. I use custom menu as widget, and I cannot change its text/background color at customize menu. Could you let me know how to solve it? For your reference, my site address is http://www.dsforum.jp/2017. (PW: dsf2017)
    I would like to change color of top-right menu (for standard, on-mouse and active condition), “Japanese” & “English”.

    2. The top page slider of this site shows “Continue Reading ->” on the bottom. But in English page(www.dsforum.jp/2017en PW:dsf2017), it shows the note in Japanese. The setting is same. Could you advise how to solve it?

    Thank you,
    Sumiko

    #113216
    Sumiko Miida
    Participant

    Hi Mahesh-san,

    As additional question above, I posted it as new topic. So you need not to feedback for them.

    Thank you,
    Sumiko

    #113232
    Mahesh
    Keymaster

    @sumiko: I have replied you on the another thread, so I’ll skip this one.

    Regards,
    Mahesh

Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Add another SNS logo & link as social widget’ is closed to new replies.