Jump to content
Sign in to follow this  
suzannecarver

facebook

Recommended Posts

suzannecarver

Hi...I have added the below code and my icon is not showing. I feel I am just overlooking something small...can you offer some help?

	
	}
	 .icons .facebook {
	background:url("http://riversidevillagepub.com/wordpress/wp-content/uploads/2010/11/facebook-wood-grainscaled.gif
	") no-repeat scroll left top transparent;
	width:32px;
	height:32px;
	margin-top:-4px;
	}
	
	[code]
	

Share this post


Link to post
Share on other sites
bryan-hadaway

Is the URL correct; http://riversidevillagepub.com/ - I'm trying to go there now and am getting a 404 error. The CSS looks a little funny, but maybe it's a posting error? Try re-pasting the code and backticks ` around the code instead of

	
	Thanks, Bryan

Share this post


Link to post
Share on other sites
suzannecarver

wow...ok perhaps this is a bit more than I realized...I was about to ask how to have wordpress off of the url on all pages and just have it as my url...how does that affect all of my previous coding

Share this post


Link to post
Share on other sites
bryan-hadaway

Of, I see how you have it setup now: http://riversidevillagepub.com/wordpress'>http://riversidevillagepub.com/wordpress/'>http://riversidevillagepub.com/wordpress'>http://riversidevillagepub.com/wordpress/ Definitely look here: http://codex.wordpress.org/Moving_WordPress Basically what you'll need to do is backup all files from your /wordpress/ folder via FTP. Then re-upload them to the root folder, most likely this will be public_html. Then in: Settings > General in both fields change: http://riversidevillagepub.com/wordpress'>http://riversidevillagepub.com/wordpress to http://riversidevillagepub.com And if you want www, now would be the time to make it: http://www.riversidevillagepub.com Thanks, Bryan

Share this post


Link to post
Share on other sites
nett-ed

look into the .icons .twitterlink:hover css. It looks like the background position is changed to -22px -22px when hovered and the icon is only 32px by 32px that means you're displacing it out of view and only allowing the bottom 10px 10px area to be shown on hover. I think your css should look more like this for a static non moving button:

	.icons .twitterlink:hover { background-position: left top; }
	

where is your facebook replacement icon? Could you link us to the icon?

Share this post


Link to post
Share on other sites
suzannecarver

Adam...you just lost me...were?

Share this post


Link to post
Share on other sites
bryan-hadaway

Hi Suzanne, I'm seeing some duplicate topics, deleted a few already. It won't make it any faster to double post. I just answered the same thing being asked here in another one of your topics, but there's some useful info here so I'll leave it up. Anyways the answer is: ` .icons .twitterlink, .icons .twitterlink:hover { background:url("http://riversidevillagepub.com/wordpress/wp-content/uploads/2010/11/twitter-wood-grain-e1289241451111.png") no-repeat scroll left top transparent; width:32px; height:32px; margin-top:-4px; } ` Thanks, Bryan

Share this post


Link to post
Share on other sites
suzannecarver

I apologize. I have to say in my state of confusion I had two of these conversations going on at once and did not realize it! Very sorry

Share this post


Link to post
Share on other sites
bryan-hadaway

No problem, but did you resolve your issue? Thanks, Bryan

Share this post


Link to post
Share on other sites
suzannecarver

I am at the point were this is getting funny. No, it didn't work it even canceled out the other icon.

Share this post


Link to post
Share on other sites
bryan-hadaway

Yeah, I see you restored it to the default. I think we over-killed what we needed to do here just so you could change the icon :). Really all we needed to do was: http://riversidevillagepub.com/wordpress/wp-content/themes/platformpro/images/sprite-socialicons.png Save that image to your desktop, open it in an image editor and paste your icon over the other, save and upload overwriting the old image, presto. No more code to mess with. Thanks, Bryan

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  

×