Jump to content
Sign in to follow this  
bikeshopge

Adding Phone and Address under Facebook Icon

Recommended Posts

bikeshopge    0
bikeshopge

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
Andrew    201
Andrew

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

Share this post


Link to post
Share on other sites
bryan-hadaway    3
bryan-hadaway

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
nett-ed    0
nett-ed

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
bikeshopge    0
bikeshopge

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
cmunns    16
cmunns

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

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×