Docs

[chriscarr1951]

Hi,

I had some help from a programmer to write the code for social icons, but he is no longer available and they aren’t working.
The code he wrote is:
<div class=”fcd-social-icons”>
<div class=”fcd-instagram” style=”margin: 5px 10px;”>



</div>
<div class=”fcd-twitter” style=”margin: 5px;”>



</div>
<div class=”fcd-houzz” style=”margin: 5px;”>



</div>
<div class=”fcd-pinterest” style=”margin: 5px;”>



</div>
<div class=”fcd-google” style=”margin: 5px;”>



</div>
<div class=”fcd-share” style=”margin: 5px;”>



</div>
</div><p>
</p>
<br /><br />© Copyright Fiona Campbell Ltd. 2016 </p>

the site is
http://fionacampbelldesign.co.uk/wp/aw/

I can send login and password separately of you need them

Any chance you can help?

Cheers,

Chris

[Thai]

Hi Chris,

Please replace your code with this:

<div class="fcd-social-icons">
	<div class="fcd-instagram" style="margin: 5px 10px;">
		<a href="https://www.instagram.com/fionacampbelldesign/" title="Instagram">
			<img src="http://fionacampbelldesign.co.uk/wp/aw/wp-content/uploads/sites/9/2016/11/fcd-instagram.png">
		</a>
	</div>

	<div class="fcd-twitter" style="margin: 5px;">
		<a href="https://twitter.com/fionacampbelluk/" title="Twitter">
			<img src="http://fionacampbelldesign.co.uk/wp/aw/wp-content/uploads/sites/9/2016/11/fcd-twitter.png">
		</a>
	</div>

	<div class="fcd-houzz" style="margin: 5px;">
		<a href=" http:/www.houzz.co.uk/photos/users/fionacampbelllondon"/title="Houzz">
			<img src="http://fionacampbelldesign.co.uk/wp/aw/wp-content/uploads/sites/9/2016/11/fcd-houzz.png">
		</a>
	</div>

	<div class="fcd-pinterest" style="margin: 5px;">
		<a href="https://uk.pinterest.com/fcdsgltd/" title="Pinterest">
			<img src="http://fionacampbelldesign.co.uk/wp/aw/wp-content/uploads/sites/9/2016/11/fcd-pinterest.png">
		</a>
	</div>

	<div class="fcd-google" style="margin: 5px;">
		<a href="https://plus.google.com/108898286181284520138" title="Google Plus">
			<img src="http://fionacampbelldesign.co.uk/wp/aw/wp-content/uploads/sites/9/2016/11/fcd-googleplus.png">
		</a>
	</div>

	<div class="fcd-share" style="margin: 5px;">
		<a href="http:/fionacampbelldesign.co.uk/wp/aw" title="Share This">
			<img src="http://fionacampbelldesign.co.uk/wp/aw/wp-content/uploads/sites/9/2016/11/fcd-sharethis.png">
		</a>
	</div>
</div>
<br><br>© Copyright Fiona Campbell Ltd. 2016 <p></p>

Hope it helps 🙂

[chriscarr1951]

This reply has been marked as private.

[Joao]

Hi There,

Your social icons look fine here:

http://fionacampbelldesign.co.uk/wp/aw/

Would you mind to clarify.

Thanks

[chriscarr1951]

Thanks Joao, yes they look fine (although in an ideal world I would like them black and then go grey on hover) but my problem is that they don’t link when clicked.
Cheers,

Chris

[Nico]

Hi There,

Change the opacity below to change the color from grey to black

.fcd-instagram:hover, .fcd-twitter:hover, .fcd-houzz:hover, .fcd-pinterest:hover, .fcd-google:hover, .fcd-share:hover{
    opacity: 0.85;//black
}

.fcd-instagram,.fcd-twitte, .fcd-houzz, .fcd-pinterest, .fcd-google, .fcd-share:{
    opacity: 0.4;//grey
}

Upon checking your code, your link does not have a closing linking html – . Check attached

Hope it helps.

Thanks.

[chriscarr1951]

Hi,

I seem to be missing a trick on both counts !!

1. Black/Grey – I added the code to the add Customs CSS on the Dashboard and also to the Custom / edit Global CSS and neither seems to have any effect.

2. On the no closing linking html – I couldn’t workout how to add the link.

Sorry to take up your time I appreciate your help..
chris

[Rue Nel]

Hello Chris,

Please use this custom html code for your footer content:

<div class="fcd-social-icons">
	<div class="fcd-instagram" style="margin: 5px 10px;">
		<a href="https://www.instagram.com/fionacampbelldesign/"  title="Instagram">
			<img src="http://fionacampbelldesign.co.uk/wp/aw/wp-content/uploads/sites/9/2016/11/fcd-instagram.png">
		</a>
	</div>

	<div class="fcd-twitter" style="margin: 5px;">
		<a href="https://twitter.com/fionacampbelluk" title="Twitter">
			<img src="http://fionacampbelldesign.co.uk/wp/aw/wp-content/uploads/sites/9/2016/11/fcd-twitter.png">
		</a>
	</div>

	<div class="fcd-houzz" style="margin: 5px;">
		<a href="http://www.houzz.co.uk/photos/users/fionacampbelllondon"  title="Houzz">
			<img src="http://fionacampbelldesign.co.uk/wp/aw/wp-content/uploads/sites/9/2016/11/fcd-houzz.png">
		</a>
	</div>

	<div class="fcd-pinterest" style="margin: 5px;">
		<a href="https://uk.pinterest.com/fcdsgltd/" title="Pinterest">
			<img src="http://fionacampbelldesign.co.uk/wp/aw/wp-content/uploads/sites/9/2016/11/fcd-pinterest.png">
		</a>
	</div>

	<div class="fcd-google" style="margin: 5px;">
		<a href="https://plus.google.com/108898286181284520138"  title="Google Plus">
			<img src="http://fionacampbelldesign.co.uk/wp/aw/wp-content/uploads/sites/9/2016/11/fcd-googleplus.png">
		</a>
	</div>

	<div class="fcd-share" style="margin: 5px;">
		<a href="http://fionacampbelldesign.co.uk/wp/aw"  title="Share This">
			<img src="http://fionacampbelldesign.co.uk/wp/aw/wp-content/uploads/sites/9/2016/11/fcd-sharethis.png">
		</a>
	</div>
</div>

<p><br /><br />© Copyright Fiona Campbell Ltd. 2016 </p>

Once the correct code is in place, the given custom css should work. Please let us know how it goes.

[chriscarr1951]

Dear Rue,
Thanks so much…genius result. The service from ThemeCo is first class, I am so grateful
Chris

[Rahul]

You’re most welcome!

Feel free to ask us again.

[Author]

Posts