Change social network icons in contact

Responsive, suitable for any type of business, built for any needs elegant one-page Joomla template.
Rate this topic: Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.1.00 out of 6 based on 1 vote(s)
GK User
Tue Aug 06, 2013 8:20 am
Reply with quote
Report this post
Hi.

I need to change the social icons network in contact. i was looking to font awesome and there are icons for xing for example. Then I was looking to plg_gkcontact.php. I cant see how to change this so far.

Thank you .

Best regards
Daniel
User avatar
Junior Boarder

GK User
Tue Aug 06, 2013 5:03 pm
Reply with quote
Report this post
Is it J2.x or 3.x?
User avatar
Moderator

GK User
Tue Aug 06, 2013 5:10 pm
Reply with quote
Report this post
Ok, either case, You were almost there.
Links are being set inside plugin:
System - GK Contact

Layout is generated in file:
/plugins/system/plg_gkcontact/plg_gkcontact.php right here:
Code: Select all
if(
            $this->params->get('fb_url') != '' ||
            $this->params->get('twitter_url') != '' ||
            $this->params->get('gplus_url') != '' ||
            $this->params->get('linkedin_url') != '' ||
            $this->params->get('pinterest_url') != '' ||
            $this->params->get('rss_url') != ''
         ) {
            $output .= '<p class="gkContactSocialIcons">';
            
            if($this->params->get('fb_url') != '') {
               $output .= '<a href="'.str_replace('&', '&amp;', $this->params->get('fb_url')).'" class="gkContactFbIcon" target="_blank">Facebook</a>';
            }
            
            if($this->params->get('twitter_url') != '') {
               $output .= '<a href="'.str_replace('&', '&amp;', $this->params->get('twitter_url')).'" class="gkContactTwitterIcon" target="_blank">Twitter</a>';
            }
            
            if($this->params->get('gplus_url') != '') {
               $output .= '<a href="'.str_replace('&', '&amp;', $this->params->get('gplus_url')).'" class="gkContactGplusIcon" target="_blank">G+</a>';
            }
            
            if($this->params->get('linkedin_url') != '') {
               $output .= '<a href="'.str_replace('&', '&amp;', $this->params->get('linkedin_url')).'" class="gkContactLinkedinIcon" target="_blank">Linkedin</a>';
            }
            
            if($this->params->get('pinterest_url') != '') {
               $output .= '<a href="'.str_replace('&', '&amp;', $this->params->get('pinterest_url')).'" class="gkContactPinterestIcon" target="_blank">Pinterest</a>';
            }
            
            if($this->params->get('rss_url') != '') {
               $output .= '<a href="'.str_replace('&', '&amp;', $this->params->get('rss_url')).'" class="gkContactRssIcon" target="_blank">RSS</a>';
            }
            
            $output .= '</p>';


As You can see each link has its own class, that correspond to section inside file:
/templates/gk_creativity/css/gk.stuff.css:
Code: Select all
.gkContactFbIcon:before {
   content: '\f09A';
}
.gkContactTwitterIcon:before {
   content: '\f099';
}
.gkContactGplusIcon:before {
   content: '\f0d5';
}
.gkContactLinkedinIcon:before {
   content: '\f0e1';
}
.gkContactPinterestIcon:before {
   content: '\f0d2';
}
.gkContactRssIcon:before {
   content: '\f09e';
}

which sets font awesome code to use with each of previously declared css elements.

Now to change that code, this link will be helpful:
http://astronautweb.co/snippet/font-awesome/
User avatar
Moderator

GK User
Fri Aug 09, 2013 12:36 pm
Reply with quote
Report this post
Thanks a lot. Great support.
User avatar
Junior Boarder

GK User
Fri Aug 09, 2013 9:53 pm
Reply with quote
Report this post
No problem. If You will have any other questions, feel free to create new threads.
User avatar
Moderator


cron