1. JoomlaGirl
  2. Sherlock Holmes
  3. Commercial Templates
  4. Sunday, 16 June 2013
  5.  Subscribe via email
Hi Ciaran,

I have both Facebook and Pinterest icons enabled on my site and have them taking me to the correct sites. The issue is that the Pinterest icon is showing as a black box, the link is working fine just not showing up correctly.


I also wanted to know if it's possible to have a second Facebook icon as I have two Facebook pages that relate to my business. I can't see a way of doing this. Can you please advise?

Thank you
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Kirsty

For the Pinterest icon could you try adding the following to the Custom CSS field of your templates parameters...


[code type=css].social-pininterest > a {
background-image: url("http://www.giftsfromgaia.com.au/main/templates/j51_nocturne/images/social_icons/pinterest.png";);
}
.social-pininterest > a:hover background-color:#DB333A}[/code]

Regarding Facebook icon, one option would be to replace one of the unused icons with the facebook icon. You will find your icons located at ../templates/j51_nocturne/images/social_icons/ from the root of your Joomla installation. Download the facebook icon, rename it to match one of the unused icons and then upload it back to your server replacing the original.

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 1
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Ciaran,

I inserted the suggested text into Custom CSS filed and although it did fix the Pinterest issue it created a new isue. The Main Menu is now extended beyond where it should be, it's too long Is there a solution?

I will work on the second issue in teh morning as it's quite lat where I am.

Kind regards
  1. more than a month ago
  2. Commercial Templates
  3. # 2
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Kirsty

Try also adding the following to your Custom CSS field. Note that your last menu item will wrap to a 2nd line as there is not enough space in your menu area to accommodate all your menu items.


[code type=css].hornavmenu {width: 960px;}[/code]

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 3
Accepted Answer Pending Moderation
0
Votes
Undo
Thank you Ciaran, all of that work brilliantly. I now have the additional icon on place. Can you please tell me where I go to change the hover text as it is still saying the name of the icon I replaced with he additional FaceBook one.
  1. more than a month ago
  2. Commercial Templates
  3. # 4
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Kirsty. Open your templates header.php (../templates/j51_nocturne/php/layouts/header.php) and replace the following (line39)...


<li class="social-vimeo"><a href="/<?php echo $this->params->get('social_vimeo'); ?>" target="_blank" title="Vimeo">Vimeo</a></li>


With...


<li class="social-vimeo"><a href="/<?php echo $this->params->get('social_vimeo'); ?>" target="_blank" title="Facebook">Facebook</a></li>


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 5
Accepted Answer Pending Moderation
0
Votes
Undo
Thank you Ciaran, That worked perfectly. Just one other associated issue, the Pinterest icon does not have a hover colour enabled like the other two icons. Where can this be remedied?
  1. more than a month ago
  2. Commercial Templates
  3. # 6
Accepted Answer Pending Moderation
0
Votes
Undo
My fault.. there is a slight type in the CSS provided which should be as follows...


.social-pininterest > a {
background-image: url("http://www.giftsfromgaia.com.au/main/templates/j51_nocturne/images/social_icons/pinterest.png");
}
.social-pininterest > a:hover {background-color:#DB333A}


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 7
  • Page :
  • 1


There are no replies made for this post yet.
Be one of the first to reply to this post!

Join Our Newsletter

* indicates required
We respect your privacy and do not tolerate spam and will never sell, rent, lease or give away your information (name, email, number, etc.) to any third party. Nor will we send you unsolicited email.
Joomla51 - Mullaghmore, Co. Sligo, Ireland
Joomla51.com is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by
Open Source Matters
the trademark holder in the United States and other countries.