Forum Support

Shape 5
March 28, 2024, 03:51:31 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: more complete Social Sprite File  (Read 812 times)
Jusschilli
Jr. Member
**
Offline Offline

Posts: 5



« on: March 15, 2016, 09:35:49 PM »

Assuming this link website.com/wp-admin/admin.php?page=s5-theme-options#theme-specific

The social Icons - seem to depend on this file social_sprite.png

However LINKEDIN is not an option.

Is there a social_sprite that incorporates more icons  ?

I did read this: http://www.shape5.com/documentation/Vertex-Framework/Advanced/How-to-add-additional-Social-Icons-in-Vertex-
Logged
Tristan Rineer
Global Moderator
*****
Offline Offline

Posts: 3858

Gravatar


« Reply #1 on: March 16, 2016, 07:54:47 AM »

You can just use IonIcons, no need to deal with trying to position a single image file.

http://www.shape5.com/documentation/Core-Features/Ion-Icons-Setup

Full list of icon options:
http://ionicons.com/
Logged

Tristan Rineer
------------
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
Jusschilli
Jr. Member
**
Offline Offline

Posts: 5



« Reply #2 on: March 17, 2016, 08:44:04 AM »

Thanks,

FYI. I had to install the following plugin to get the effect from the tutorial (is this necessary) ?

ref: https://wordpress.org/plugins/ionicons-official/

in addition to that tutorial isn't clear on how this ability is verifiable.... only suggests that vertex 4 comes with the functionality.... How can I confirm it works as expected.

Is there a set of HTML / CSS that you can provide that can be used a model.

ie http://ionicons.com/cheatsheet.html but for only 1 icon a hover effect.

a better example can be found here:

ref: http://www.shape5.com/demo/swapps/index.php/features-mainmenu-47/continued-vertex-features/ion-icons-integrated

yet the result is only displaying 2 separate images and not enabling the hover.

Thanks

Logged
Tristan Rineer
Global Moderator
*****
Offline Offline

Posts: 3858

Gravatar


« Reply #3 on: March 17, 2016, 10:34:06 AM »

Ionicon support is built into the framework, you don't need a third party plugin; you may need to make sure ionicons are enabled in the theme options on the "General" tab.

That example you linked to from the demo is exactly what you want for having a hover effect.  A hover effect is just 2 images swapping when the mouse hovers over a certain area of the page.
Logged

Tristan Rineer
------------
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
Jusschilli
Jr. Member
**
Offline Offline

Posts: 5



« Reply #4 on: May 14, 2016, 08:33:00 PM »

FYI - Enabled but still would only display 2 separate images without the plugin

<div style="bgcolor: #000;">
<p class="social">
<i class="icon ion-social-twitter">
<i class="icon ion-social-facebook">
<i class="icon ion-social-linkedin">
<i class="icon ion-social-instagram">
</p>
</div>
Logged
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.