Custom Social Button

Travelify
1

Hello,

is it possible to replace or add new custom social button (for vkontakte vk.com) via custom css?

Thanks.

2

Hi @eldarbai,

I hope you are well today and thank you for your question.

You should first display the Github social icon on your site by configuring it in the theme options and then to display the vkontakte vk.com icon use the following CSS by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Apperance -> Theme Options -> Other -> Custom CSS

.social-icons ul li.github a {
  font-family: arial;
  font-size: 0;
  background: url("http://saha.ulty.ru/f/cluster118/117593/img/1673891392909197.png") no-repeat;
  height: 22px;
  width: 20px;
  background-size: 100%;
}
.social-icons ul li.github a:hover {
  background: url("http://saha.ulty.ru/f/cluster118/117593/img/1673891392909197.png") no-repeat;
  background-size: 100%;
}

Change the image URL and its size in the above code to whatever you want to use.

Best Regards,
Movin

3

Thanks for the help!

4

-doubleclick-

5

You are most welcome here :slight_smile:

6

@Movin
can you please help me. How can I change title attribute of link element?

7

Hi @itsimoshka,

Thanks for posting in the forum.

To help keep support thread separates could you please create your own thread for your question here https://colorlibsupport.com/c/travelify-support/ instead of replying on others thread as it makes the thread messy and hard to read.

If you want to you can also add reference of this thread in your newly created thread.

We would be more than happy to help you on your new thread.

Cheers,
Movin