You Tube & Vimeo Icons
Rate this topic: 




1.00 out of 6 based on 1 vote(s)






- GK User
- Sat Aug 03, 2013 11:07 pm
- Reply with quote
- Report this post
I have all the codes for the template to add the css code for the icons, though I can't seem to get them to show up when I place the code inside the box. What do I have to do to include those Icons within the follow us module. From what I see the only ones I have at this moment is the ones that came with the template. Is there a way I could get you guys to show me how to add these 2 icons to my template. Thank you very much in advance.
-
- Fresh Boarder
- GK User
- Mon Aug 05, 2013 5:28 pm
- Reply with quote
- Report this post
Hi,
good question. I have 2 or even 3 options for you:
1) Because this is Custom HTML module, you can add additional icons 24x24 px like any other image.
Our code look like this
Your could be like this
Of course it won't have hover effects, but ...still works.
2) You have to add two new icons into this file:
templates/gk_news/images/style1/social_icons.png and add new class etc. because we use SPRITE IMAGE technique and background-image property.
3) use module who has all icons what you need.
good question. I have 2 or even 3 options for you:
1) Because this is Custom HTML module, you can add additional icons 24x24 px like any other image.
Our code look like this
- Code: Select all
<p><a class="gkTwitter" href="#">Twitter</a><a class="gkFb" href="#">Facebook</a><a class="gkPinterest" href="#">Pinterest</a><a class="gkGplus" href="#">Google+</a></p>
Your could be like this
- Code: Select all
<p><a class="gkTwitter" href="#">Twitter</a><a class="gkFb" href="#">Facebook</a><a class="gkPinterest" href="#">Pinterest</a><a class="gkGplus" href="#">Google+</a> <a href="http:youtube.com"><img src="https://cdn0.iconfinder.com/data/icons/WPZOOM_Social_Networking_Icon_Set/24/youtube.png"></a></p>
Of course it won't have hover effects, but ...still works.
2) You have to add two new icons into this file:
templates/gk_news/images/style1/social_icons.png and add new class etc. because we use SPRITE IMAGE technique and background-image property.
3) use module who has all icons what you need.
-
- Platinum Boarder
- GK User
- Tue Aug 06, 2013 9:44 pm
- Reply with quote
- Report this post
Thank you Pawel the icon finder link that you gave me has worked perfectly. I have used it to find my own set of icons, ones that fit my theme. So, thanx again.
-
- Fresh Boarder
3 posts
• Page 1 of 1