Archived

This topic is now archived and is closed to further replies.

  • 0

Adding Phone and Address under Facebook Icon

Question

Posted · Report post

i am looking to add a phone icon, phone number and one line below that add the address right above the navigational bar.

Share this post


Link to post
Share on other sites

7 answers to this question

Posted · Report post

Okay - everything is working but not able to get the icon to show up at all. Hopefully it is no a typo... /* ============================================== Adding to The BikeShpGlenEllyn Header - Phone Icon. ============================================== */ #contact-telephone { background:url("../thbsge/wp-content/uploads/2010/11/phoneicon.png") no-repeat scroll 0 12px transparent; } Here is my page - http://thebikeshopge.com/thbsge/ Please let me know what I might have done wrong. Thanks

Share this post


Link to post
Share on other sites

Posted · Report post

what's your question? Are you using the child theme?

Share this post


Link to post
Share on other sites

Posted · Report post

YES Please...

Share this post


Link to post
Share on other sites

Posted · Report post

Hi Rich, let's get a link and then I can write a solution for your site. Thanks, Bryan

Share this post


Link to post
Share on other sites

Posted · Report post

You are fine, just the image path isn't correct. It should be "../../../../thbsge/wp-content/uploads/2010/11/phoneicon.png"

Share this post


Link to post
Share on other sites

Posted · Report post

Placing the following code at the bottom of your current themes functions.php file can help you get started:

		add_action('pagelines_after_branding_wrap', 'custom_telephone_icon');
	
		function custom_telephone_icon() {
			?>
			<div id="contact-telephone"><p>(123) 456-7890[b][BR][/b]Your address goes here too</p></div>
	<?php }
	
Note above the [bR] should actually be the html break line tag "< b r / >" without any of the spaces or quotes but the forum doesn't allow that tag so I had to improvise
Change the phone number and address placeholders to your actual information and that should get you closer to what you need. Now we just need that telephone icon.... I'd suggest uploading the file to the images folder on your theme and just use the custom css section of the PlatformPro Settings area to add the icon to the new telphone-contact div we just created. The following could be a starting point for the custom css but it would depend on the size of your icon to get it aligned just right:
	#contact-telephone {
	background:url("../images/your-icon-file-name.png") no-repeat scroll 0 12px transparent;
	}
	

Share this post


Link to post
Share on other sites