1. webknecht
  2. Sherlock Holmes
  3. Commercial Templates
  4. Tuesday, 14 June 2022
  5.  Subscribe via email
Hi,

I would like to substitute the facebook icon (font awesome) with a smal facebook jpg

Where can I find the path in the template folder??

Jürgen
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Jürgen

Social icons are rendered from ..\templates\[YourTemplate]\inc\layouts\social_icons.php.

Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 1
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Ciaran,

I tried to substitute the facebook icon using the path to a jpg file like: images/stories/facebook_neu.jpg

But I believe this is not the right way to solve the problem?

Is there another way to realize this?

Jürgen
  1. more than a month ago
  2. Commercial Templates
  3. # 2
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Jürgen

I can think of no reason why there would be an issue with your solution. Would you have a URL to an example of your social icons?

Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 3
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Ciaran,

I agree with your opinion, but my customer wants to have the original facebook and instagram icons and both a little bigger.

So I change the facebook entry in the social_icons.php as follows:

<?php if($social_facebook != "";) : ?><li class="social-facebook"><a href="<?php echo $social_facebook; ?>" target="_blank" title="Facebook"><a href="https://www.mama-papa-hat-krebs.de/images/stories/facebook_neu.jpg"><span>Facebook</span></a></li><?php endif; ?>

But now the image will not be shown, so I believe that this is not the right way???

URL: https://www.mama-papa-hat-krebs.de

Jürgen
  1. more than a month ago
  2. Commercial Templates
  3. # 4
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Jürgen

If you are just looking to increase the size of the social icon maybe the following custom CSS might be a better solution...

(edit to taste)

#socialmedia ul li a {
font-size: 26px;
height: 34px;
width: 34px;
line-height: 34px;
}


The above can be added to the Custom CSS field of your template settings.

Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 5
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Ciaran,

thanks a lot, this is exactly what I am looking for.

Jürgen
  1. more than a month ago
  2. Commercial Templates
  3. # 6
  • Page :
  • 1


There are no replies made for this post yet.
Be one of the first to reply to this post!