How to add Xing as a social network?

Posted in: Newspaper
Post count: 11

Hi,

in Germany Xing (https://www.xing.com/) is one of the biggest Business Networks (more than 14 Million users).

Any idea how I can add Xing as a social network in the user profile?

Regards
Richard

Post count: 7909

Hi,

You need to add this social network to appear in backend to your profile – http://screencast.com/t/MRiXU1ep8http://screencast.com/t/gjx0vplV and add a background image using custom css in Theme Panel > Custom Css, you can try this just change the image if you want – http://screencast.com/t/FWRrEMXl9I

.td-icon-xing{
background-image:url("http://t3n.de/news/wp-content/uploads/2012/10/Xing-Logo-Featured-595x333.jpg")!important;
width: 30px!important;
height: 20px!important;
background-size: 30px 20px;
background-repeat: no-repeat;
}

Hope this helps!

Post count: 11

Hi,

That looks great. Is there a chance to use the Xing icon available in the Font Awesome icon library (fa-xing)? How do I have to modify the CSS code?

Thanks!
Richard

Post count: 7909

Hi,

Yes, can add add xing social network to appear to your profile like I suggested above, also install Font Awesome 4 Menus plugin and use this custom css – http://screencast.com/t/qdyVUMxI

.td-icon-xing:before {
font-family: FontAwesome;
content: "\f168";
}

Thanks!

Post count: 11

Hi Alin,

perfect! Thanks!

Regards
Richard

Post count: 34

Hello guys,

Does this process include a new icon in the Header or Footer? I ask why when I activate a social network, it appears in both Header and Footer.

And besides the CSS code, do not I need to put any other code in Header and Footer? If I want to put any icon, just create a name for it in the file td_social_icons.php such as ‘myicon’ => ‘Myicon’ and ready? How will the system understand that this new icon is to appear in the Header and Footer?

And the image of the icon, where can I place it, in the specific folder next to the other icons already inserted or can I put in the / uploads folder normally?

I thank you.
Rodrigo Carlos

Post count: 20688

Hi,


@rodrigocarlos
If you would like to manually add a new social you can try the method provided above. Edit the respective file and place the social network you want. Then it will display in the Social networks in the theme panel. Then you must use a background image of your preference, internal or external. Or an icon even. Additional styling may be needed to further styling or positioning. This social network will appear with the rest of the socials (header, footer etc)
Maybe you can find more useful information in this topic
https://forum.tagdiv.com/topic/%D1%81hange-the-color-of-the-paging-buttons/

Thanks

Post count: 10

Good day. I need Your help. I added a social network Telegram and added in css:


.td-icon-telegram:before{
    font-family: FontAwesome;
    content: '\f2c6';
}

But the icon is not displayed correctly – an empty square. What to do?

  • This reply was modified 8 years by Surfaceru.
Post count: 20688

Hi,

@Surfaceru This method requires that you have installed and active the Font Awesome 4 Menus plugin, please make sure it is. Then it should work properly.

Thanks

Post count: 82

Hi

i followed the instructions and put the td_social_icons.php in the child’s theme Directory, but it does not work.

Any hints you may give me?

Cheers
Hansjörg

Post count: 20688

Hi,

You will have to make this modifications in the main theme file, I believe it will not work in the child theme. These are the files that can be modified through a child theme at the moment
https://forum.tagdiv.com/the-child-theme-support-tutorial/

Thanks

Post count: 82

Were do I find “Font Awesome 4 Menus plugin”?

Post count: 20688

Hi,

You could simply search for it in the Add new plugin section, in the WordPress dashboard
https://www.screencast.com/t/Jw9QnQrryojk
Then install and activate the plugin.

Thanks

Post count: 82

Thanks. Wouldn’t it be possible to include the Xing Icon in the font, which the theme is using? As far as I understand, all other social Networks are included there too…

Post count: 20688

Hi,

In coming updates there will be some changes to the socials, more will be added. I could not say exactly when this will happen but it is currently on our implementation list.
For the moment the only solution would be using the methods presented above.

Thanks

Post count: 82

Hi

is it possible for me to add it to the theme font?

Post count: 20688

Hi,

There is no option for that, this internal font is predefined in the theme
http://prntscr.com/hmckb8
Also changes made to these files would have to be made after each theme update. Please use the methods above for the moment, we will try to add more options as soon as possible.

Thanks

Post count: 82

OK. Please give your developers a hint, that the Xing Logo should be added to the theme font. It should not be that complicated and for German users it is quite important

Post count: 20688

Hi,

Please have a little more patience, there will be modifications to the theme social features in a coming theme update. I have added the Xing social on our list, we will try and implement this in the social networks section for the update.

Thanks

Post count: 30

Hey, so you added more social network like “telegram” to the theme with the update 8.7.2 but if i hoover the social icon it is just white.

In the old version i added the telegram with the custom code
.td-icon-telegram:hover {
background-color:#37474f;
}

I thougt now it works without this code?

Post count: 20688

@AndroidKosmos There are settings to set a custom color and hover color for the social icons in the header and footer. Check the theme colors section
https://www.screencast.com/t/xm9p4iqL
https://www.screencast.com/t/BcAosrEib
If you want to use custom code only for the Telegram icon hover, use this one
https://www.screencast.com/t/6ZkHI1u6zw

.td-social-icon-wrap:hover i.td-icon-telegram {
color: yellow;
}

Post count: 50

I need to add Dailymotion (it has 300 million unique monthly users) in the FOLLOW US section (in the sub-footer section) of the website. How do I do this?

Post count: 20688

@D Dev Dailymotion is implemented in the theme socials, in the latest theme version
https://www.screencast.com/t/31d0acn2
Please check the theme social networks section
https://www.screencast.com/t/27j4MUKPCV

Post count: 50

Thanks. I see that Dailymotion is added to the social network options.
One query – Shouldn’t the ‘d’ in the Dailymotion icon become white when it is highlighted with the background turning blue. I might be wrong here. Please check the link for the current and possible image,
https://imgur.com/qFeVo8L

  • This reply was modified 8 years by D Dev.
Post count: 23312

Hello D Dev,

I’m sorry but please notice that the symbol for Dailymotion and that letter cannot be changed very easily, as you can see here -> https://www.screencast.com/t/4IuMUhrIi If you want to change this you should do it yourself through the code and find another symbol/code to replace this import.

Thanks for your understanding!

Viewing 25 posts - 1 through 25 (of 39 total)
The forum ‘Newspaper’ is closed to new topics and replies.