Forum Support

Shape 5
March 29, 2024, 07:34:57 AM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News: Shape 5 Forum
 
   Home   Help Search Login Register  
Pages: 1 [2]
  Print  
Author Topic: Social Icon Links  (Read 1732 times)
winstart
Jr. Member
**
Offline Offline

Posts: 78



« Reply #15 on: October 02, 2014, 03:56:12 AM »

where can i find the actual logo's or class, in order to be able to add a linkedin logo
Logged
mikek
Administrator
*****
Offline Offline

Posts: 28743



WWW
« Reply #16 on: October 02, 2014, 07:38:08 AM »

Hello,

The social icons just use Ion Icons, all the available icons are found here:

http://ionicons.com/
Logged

Mike Knott
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
ccvid
Jr. Member
**
Offline Offline

Posts: 100



« Reply #17 on: October 02, 2014, 09:41:27 AM »

I created an android icon in case anyone else needs a copy... I see Ionicons has one too, but I like this one better...
Logged
mikenicoll
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« Reply #18 on: October 03, 2014, 12:53:07 AM »

Thanks for posting that Smiley I am sure others will find it useful!
Logged

Mike Nicoll
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
winstart
Jr. Member
**
Offline Offline

Posts: 78



« Reply #19 on: October 03, 2014, 04:48:00 AM »

but does the template uses these icons, i can find the class but there only the colour of the background is defined. Not the image that is loaded. Thougth being clever and changed the name of the linkedin to rss, but in the frontend the rss logo still appears
In other words, where can i define the image that is loaded in the class

Logged
mikek
Administrator
*****
Offline Offline

Posts: 28743



WWW
« Reply #20 on: October 03, 2014, 07:09:21 AM »

Hello,

We don't provide styling for every ion icon class, just the basic social links that are shown on the demo. You would have to create a new class for linked in. You can make a copy of one of the existing ones in editor.css
Logged

Mike Knott
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
ccvid
Jr. Member
**
Offline Offline

Posts: 100



« Reply #21 on: October 03, 2014, 08:51:04 AM »

I only took advantage of the icons that I knew I wouldn't use.  I don't need the rss feed, so I popped the android icon in and named it rss.png, in place of the old rss icon.  Then I put my android link where the rss link goes....

That's one easy option...
Logged
winstart
Jr. Member
**
Offline Offline

Posts: 78



« Reply #22 on: October 05, 2014, 01:03:31 AM »

yes thats what i did but the logo didn't change. The folder i made the change is ....templates/risen_hope/css/ionicons/src. Or should i have made the change somewhere else
« Last Edit: October 05, 2014, 01:11:36 AM by winstart » Logged
mikenicoll
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« Reply #23 on: October 05, 2014, 08:39:16 PM »

Hello,

You just need to edit the module source code for the "Get in Touch" module. If you change the coding from -rss to -linkedin you will just see the icon itself. Following that you need to add some background and hover states like so:

Code:
.ion-social-linkedin {
  background: #cfcfcf;}
   
    .ion-social-linkedin:hover {
      background: #ff0000;}
Logged

Mike Nicoll
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
Pages: 1 [2]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF | SMF © 2013, Simple Machines
Joomla Bridge by JoomlaHacks.com
Valid XHTML 1.0! Valid CSS!
Looking for the largest variety in template designs? Look no more. Never buy 1 theme again. Signups start at just $89 for access to all of our themes.
Send Us An Email
Please send us your questions and we will email you back as soon as we can. Product support questions should be posted in our support forums under the Help menu. Our staff will assist you from there.