More buttons in footer

Hi,

For this, you’d have to add more elements to footer.php file. You can do all these modifications by editing the footer.php file. ??

Regards,
Hardeep

Where in the footer file should I put the link? And for the additional social media button, should I just add for every spot where there’s anything about different social medias an extra social media code? Or what should I add there to make the button?

For the link of address/email/phone I tried putting the link into different spots in the code, but it doesn’t come up on the page. Am I trying it to wrong spots or do I need to add also something else to the code?

Also for the social media button, I tried to add an extra code for a new button to every spot where there is a list of the existing five social media buttons. But this just made the whole site disappear. So that didn’t work. How should I add the new element?

Hi,

You need to add additional icons to the following section of footer.php file:

if(!empty($zerif_socials_facebook) || !empty($zerif_socials_twitter) || !empty($zerif_socials_linkedin) || !empty($zerif_socials_behance) || !empty($zerif_socials_dribbble)):
						echo '<ul class="social">';

						/* facebook */
						if( !empty($zerif_socials_facebook) ):
							echo '<li><a target="_blank" href="'.esc_url(__($zerif_socials_facebook,'zerif-lite')).'"><i class="fa fa-facebook"></i></a></li>';
						endif;
						/* twitter */
						if( !empty($zerif_socials_twitter) ):
							echo '<li><a target="_blank" href="'.esc_url(__($zerif_socials_twitter,'zerif-lite')).'"><i class="fa fa-twitter"></i></a></li>';
						endif;
						/* linkedin */
						if( !empty($zerif_socials_linkedin) ):
							echo '<li><a target="_blank" href="'.esc_url(__($zerif_socials_linkedin,'zerif-lite')).'"><i class="fa fa-linkedin"></i></a></li>';
						endif;
						/* behance */
						if( !empty($zerif_socials_behance) ):
							echo '<li><a target="_blank" href="'.esc_url(__($zerif_socials_behance,'zerif-lite')).'"><i class="fa fa-behance"></i></a></li>';
						endif;
						/* dribbble */
						if( !empty($zerif_socials_dribbble) ):
							echo '<li><a target="_blank" href="'.esc_url(__($zerif_socials_dribbble,'zerif-lite')).'"><i class="fa fa-dribbble"></i></a></li>';
						endif;
						echo '</ul>';
					endif;

Make sure to use a child theme. ??

Regards,
Hardeep

This is where I have been trying to put it, but haven’t gotten it to work. I tried to put it only once, after this part

/* facebook */
						if( !empty($zerif_socials_facebook) ):
							echo '<li><a target="_blank" href="'.esc_url(__($zerif_socials_facebook,'zerif-lite')).'"><i class="fa fa-facebook"></i></a></li>';
						endif;
						/* twitter */
						if( !empty($zerif_socials_twitter) ):
							echo '<li><a target="_blank" href="'.esc_url(__($zerif_socials_twitter,'zerif-lite')).'"><i class="fa fa-twitter"></i></a></li>';
						endif;
						/* linkedin */
						if( !empty($zerif_socials_linkedin) ):
							echo '<li><a target="_blank" href="'.esc_url(__($zerif_socials_linkedin,'zerif-lite')).'"><i class="fa fa-linkedin"></i></a></li>';
						endif;
						/* behance */
						if( !empty($zerif_socials_behance) ):
							echo '<li><a target="_blank" href="'.esc_url(__($zerif_socials_behance,'zerif-lite')).'"><i class="fa fa-behance"></i></a></li>';
						endif;
						/* dribbble */
						if( !empty($zerif_socials_dribbble) ):
							echo '<li><a target="_blank" href="'.esc_url(__($zerif_socials_dribbble,'zerif-lite')).'"><i class="fa fa-dribbble"></i></a></li>';
						endif;

And I have tried to put the icon twice, so that the first one is after

if(!empty($zerif_socials_facebook) || !empty($zerif_socials_twitter) || !empty($zerif_socials_linkedin) || !empty($zerif_socials_behance) || !empty($zerif_socials_dribbble)):

and the second one after this

/* facebook */
						if( !empty($zerif_socials_facebook) ):
							echo '<li><a target="_blank" href="'.esc_url(__($zerif_socials_facebook,'zerif-lite')).'"><i class="fa fa-facebook"></i></a></li>';
						endif;
						/* twitter */
						if( !empty($zerif_socials_twitter) ):
							echo '<li><a target="_blank" href="'.esc_url(__($zerif_socials_twitter,'zerif-lite')).'"><i class="fa fa-twitter"></i></a></li>';
						endif;
						/* linkedin */
						if( !empty($zerif_socials_linkedin) ):
							echo '<li><a target="_blank" href="'.esc_url(__($zerif_socials_linkedin,'zerif-lite')).'"><i class="fa fa-linkedin"></i></a></li>';
						endif;
						/* behance */
						if( !empty($zerif_socials_behance) ):
							echo '<li><a target="_blank" href="'.esc_url(__($zerif_socials_behance,'zerif-lite')).'"><i class="fa fa-behance"></i></a></li>';
						endif;
						/* dribbble */
						if( !empty($zerif_socials_dribbble) ):
							echo '<li><a target="_blank" href="'.esc_url(__($zerif_socials_dribbble,'zerif-lite')).'"><i class="fa fa-dribbble"></i></a></li>';

Am I putting it still wrong?

Hi,

Which icon do you want to add? ??

Regards,
Hardeep

For example google+

Hi,

Just add the following line of code:

echo '<li><a target="_blank" href="#"><i class="fa fa-google"></i></a></li>';

just above:

echo '</ul>';

??

Regards,
Hardeep

Thank you so much! How about linking the email/address/phone icon and text? What is the corrent code and place for it?

Hi,

I’m glad the first one got done. What do you mean by linking them? ??

Regards,
Hardeep

I mean that I would like to be able to click the icon and the text and get into another page through it. So just add a link to the icon/text. I think my problem is that I’m just putting it to a wrong spot on the footer file, as nothing is happening when I add the link there.

Hi,

In footer.php file, change the following:

echo $zerif_address;

to:

echo '<a href="#">'.$zerif_address.' </a>';

Same for echo $zerif_email; and echo $zerif_phone; ??

Regards,
Hardeep

Oh my gosh, thank you so much! Just one more thing now. Where in the css should I change the color of the link, because I tried to do it at the link section but that doesn’t have any affect. The color is now the same one that my background is so I can’t actually see the text at all.

Hi,

Which link are you talking about? Footer links or universal? ??

Regards,
Hardeep

Hi,

Well the links are the same color everywhere,so universal. But the again only the footer links are the problem as the footer is the same color as the link color. Elsewhere the links are on white background so that’s not a problem. If I can change only the footer links that would be good, but I can change all of them too.