Forum Support

Shape 5
March 29, 2024, 08:30:17 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]
  Print  
Author Topic: How to Change Social Media icons  (Read 568 times)
joomladaze
Jr. Member
**
Offline Offline

Posts: 197



« on: April 08, 2015, 03:55:30 PM »

I found the social media module, but I want to add Instagram.

Where are the social media icons located so I can either replace one set or add an instagram set?
Logged
mikenicoll
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« Reply #1 on: April 08, 2015, 06:18:22 PM »

Hello,

These are controlled via a Custom HTML module in the custom_6 position.
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
joomladaze
Jr. Member
**
Offline Offline

Posts: 197



« Reply #2 on: April 09, 2015, 02:35:38 PM »

Yes, I found that module, but I don't know where its pulling the graphics from. I want to either edit existing pinterest graphic or add new graphics for instagram so I don't have to show a pinterest icon for the instagram link.

<a class="social_icon ion-social-facebook" target="_blank" href="https://www.facebook.com/Alebriated.Distribution">[/url]
<a class="social_icon ion-social-twitter" target="_blank" href="https://twitter.com/Alebriated">[/url]
<a class="social_icon ion-social-pinterest" href="https://instagram.com/alebriated/">[/url]

Thanks!
Logged
mikenicoll
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« Reply #3 on: April 09, 2015, 07:59:15 PM »

Hello,

The graphics are part of the ion-icons script built into vertex. So if you call the following class:

Code:
<a class="social_icon ion-social-facebook">

That is going to grab the facebook icon from the ion-icons sprite map. Then what we do for the icons we have demoed is just add our own class styling for that icon such as:

Code:
.ion-social-facebook {background-color: #ff0000;}

See here for more details:

http://www.shape5.com/demo/eventfull/athletic/index.php/features-mainmenu-47/continued-vertex-features/ion-icons-integrated
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]
  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.