Hi there,
1. Do you need this in the sharers’ icons or in your menu icons?
2. Try this
.socials li a{color:red;}
in your custom CSS box to change the color of your social icons.
Let me know if you need additional help with this.
Hello Fotis,
1. The email icon would be for the menu icons.
2. This code works. Thank you.
Hi
Great! Now for the first one. Open part-social-icons.php and add this
<li><a href="mailto:your-email"><i class="fa fa-envelope"></i></a></li>
before
<?php endif; ?>
</ul>
Let me know if this worked for you.
Hello Fotis,
It did not work. I got the following message:
Unable to communicate back with site to check for fatal errors, so the PHP change was reverted. You will need to upload your PHP file change by some other means, such as by using SFTP.
I entered the applicable email address into the code (ie from “your-email” to “inspire@wellnessforthesingleparent.com”.
Another question, should I be performing this on the child-theme so it does not get erased with future updates?
Thank you,
Hi there,
You should use an FTP Application to edit your files or your cPanel File Manager. And of course you will need to copy the file you edited in your child theme.
Let me know if you need additional help with this.
Hello Fotis,
It worked. Thank you.
Another question (of course):
My audience did not realize the Sharing Social Icons at the end of the page on Posts Pages are not sharing icons. Is there a way to add some code that says “Share”?
Thank you,
Hi @seashell88
Yes you could open part-social-sharing.php and add
<span class="share">SHARE: </span>
after
<ul class="socials">
then add this
.share{position:relative;top:8px}
in your custom CSS box under Customize->Additional CSS
Let me know if you need additional help with this.
Hi Foti,
Ok, it worked but SHARE: comes after the social sharing icons instead of before the social sharing icons.
How do I change the position of SHARE: to come before the social sharing icons?
🙂
Fotis,
I re-evaluated how it looks. Instead of having SHARE: before the social sharing icons…
Is there a way to have SHARE: one line above the social sharing icons, centered over them OR is that asking too much!!!
😉
Hi there,
you can just follow the same directions but add this
.share{position: relative;
display: block;
top: 0;
text-align: center;}
in your custom CSS box.
Let me know if this worked for you.
Hi Fotis,
We are in business :).
Thank you for your help, again.