Change social icon in header

webfassb · March 2017

Hi support,

My url is http://mindatrafik.com/fas/

my client is requesting for us to use another set of social media icons.

I've set everything in the action bar & social tab.

we are requesting to use this (this is what we need):

http://prntscr.com/enrwn1

currently i've managed to make some changes in file includes/include-social.php

to use the icon-facebook-circled instead.

http://prntscr.com/enrwv1 - changes in include-social

http://prntscr.com/enrxgg - current icon

But still, it did not match what we need.

1) Could you advice how do i add my own custom icon, to replace the current fb & youtube icons?

2) How do i change the icon size, to make it a bit bigger, as for now the icon are too small.

Bryan · March 2017

Hi,

Sorry, but we do not support custom icons or file modifications. The only icons you can use are those attached to the theme.

To make them bigger use this css

#Action_bar .social li a i:before {
	font-size:20px !important;
}

webfassb · March 2017

Hi Support,

I would really need your help.

http://prnt.sc/enrwn1

For other media, you provide an icon with "Circle" format.

For example, for FB, you have icon-facebook & icon-facebook-circled

Sama goes for twitter & the rest, except for youtube.

I only need the youtube icon, in circle format.

This is the only thing that we need to complete the website development.

Would appreacite if you could give us this the icon-youtube-circled, to be inserted into the system.

Really2 need this.

Or is there is a way for us to add a circle around the current icon-play image?

Where is the location of this image in wp-content?

It is possible to allow us make a bit adjustment to the original icon-play design?

Urgent response is highly appreciated.

Bryan · March 2017

Sorry, we do not have a circled icon.

Send a link to your page, I will have a look. Maybe we can do something.

thanks

webfassb · April 2017

This is the link.

http://mindatrafik.com/fas/

And the icon youtube icon is on the top header (next to the action bar).

So it should appear in all pages in this domain.

Kindly help me.

Would appreciate them.

webfassb · April 2017

Any help would be appreciated.

Kindly advice.

Bryan · April 2017

For one, this is custom code and custom css. You are also not using our icons but font-awesome. Besides, there is no circled youtube icon out there. You would have to insert an image.

Bryan · April 2017

For one, this is custom code and custom css. You are also not using our icons but font-awesome. Besides, there is no circled youtube icon out there. You would have to insert an image.

webfassb · April 2017

There is a circle icon for youtube.

This is the example:

http://prntscr.com/enrwn1

What do you mean by "You are also not using our icons but font-awesome"?

Im currently using the icons available in the system.

"You would have to insert an image."

How do we do that?

On March 27, you mentioned this:

"Send a link to your page, I will have a look. Maybe we can do something.

thanks"

So this is why im sending you my link.

Really hope that you could provide a bit more specific advice.

The step by step i need to take to change the youtube icon.

Bryan · April 2017

Yes, it is not font awesome, sorry

We are not able to help you with this issue. We only have those icons. You would have to make further modifications by yourself. The circled icon is from this shortcode in our theme:

http://themes.muffingroup.com/be/theme/shortcodes/typography/#iconbar

thank you

Change social icon in header

Comments