Adding an email button in the social bar
April 23, 2014 at 5:52 am #15068
I was just looking to add an email button in my social bar. The person I am designing this site for doesn’t have any need for any of the social buttons except for the facebook one but wants to add the email contact button (envelope) next to the facebook button in the social bar in the header. I realize I have to alter the code in the social-bar.php, and have tried to mess around with what is there in the social-icons div, but haven’t had much success.
Should I make the button background image, and call it up in the css, or is there a version of one of these lines
that you guys can refer me to that will create an email/envelope icon? Either way, can you please help direct me to the correct code to do this?
If you need any more info from me in order to help I’ll be happy to provide it.
Thank you so much for your help!
-MariaApril 23, 2014 at 8:41 am #19755
Doing big modifications like this should be done with a child theme if you are not already using it so that you can keep Circumference updated.
There’s three parts to creating those icons…the first you already shown the example code.
The second is the CSS which you will find the social icons in the theme’s style.css to see how it’s done for each one around line 649 and begins with:
/* Social icons */
You have three email icons available that you can use. Look at the icomoon folder demo that came with your download to see what they look like and the icon class name such as icon-mail
The last part is the complicated one because it adds the new option setting to the theme customizer. However, I would not recommend you do that because it means you have to create a new function.php file (actually modify one) for a child theme if you want to keep the ability of updating the theme, otherwise you lose everything when you do updates.
I would recommend doing the link manually in the social-bar.php file.April 24, 2014 at 2:14 am #19761AmandaMember
Maybe the Email Icon could be included in a future release? I wanted to add this too, but it seems far to complicated for me to handle.
Thanks!April 24, 2014 at 7:16 am #19764
I made a note to give that some consideration on the next update for the theme.April 24, 2014 at 7:20 am #19765
oops. sorry about this one. please see below : )April 24, 2014 at 7:22 am #19766
Thank you for the reply, and the advice! I have been working on a child theme and have tried manually adding the contact link & image I made to mimic the facebook icon so I was on the right track. The problem I’m running into though is It bumps the facebook icon to the next line. What should I be changing to make it appear as it would if it were a regular social link in the socialbar? Here is what I have:
…then the rest of the social links follow.
This is my site http://thereikishareproject.org/wp/
I commented out the above code I was playing with so I don’t freak out the person I’m designing this for, but I attached a screen shot of how my email link shows up incorrectly.
I also included a jpg of how I want it to look, but can’t seem to figure out how to get it that way.
I’d really appreciate any assistance completing this task.
Attachments:You must be logged in to view attached files.April 24, 2014 at 7:44 am #19769April 24, 2014 at 8:08 am #19770
thank you thank you thank you thank you thank you thank you!
I’m sorry if I went overboard with my questions. I really didn’t realize this was the wrong place for that. For the future should I go somewhere else or could I pay extra to email you guys or ask specific questions like this? I really like your themes & just want to go about using them and working with you in the correct manner.
Thank you so much for helping me! Your solution worked like a charm.April 24, 2014 at 8:28 am #19771
No worries… it’s just that this one falls into “end-user customization” which is not really covered in theme support. Theme support is generally reserved for questions relating to functions and features of the theme, finding out how to use them, or if you encounter any bugs and issues with the theme, etc.
In situations such as customization, if a person needs to know where something is or what file they need to open and make changes, or need to know where certain code is located, that part is included in support. B)
I wish I could help everyone with custom requests, but I would not have enough time to develop new themes. I used to offer paid customization services, but found it was taking up a lot of time.September 12, 2014 at 1:14 pm #15069
- You must be logged in to reply to this topic.