Shape 5

Joomla Templates => Eventfull - Club => : hihu March 29, 2016, 12:39:54 AM



: Change Social Icons of the Eventfull menue
: hihu March 29, 2016, 12:39:54 AM
Hello

I'm trying to add and change the social icons on top of the menue.

http://www.shape5.com/documentation/Vertex-Framework/Advanced/How-to-add-additional-Social-Icons-in-Vertex-

I can't find the term facebook in my index.php like mentioned there.

1) Do a search for "facebook" in the index.php. You will see something like the following:


Thanks in advance


: Re: Change Social Icons of the Eventfull menue
: jonahh March 29, 2016, 11:24:36 AM
Hello,

A lot of our older templates use this method but for most new ones we now just publish the icons via a custom  HTML module to a position. For the Eventfull template we published them to the "custom_6" module position:

:
<a class="social_icon ion-social-facebook" target="_blank" href="http://www.facebook.com/shape5.templates"></a>
<a class="social_icon ion-social-twitter" target="_blank" href="https://twitter.com/shape_5"></a>
<a class="social_icon ion-social-googleplus" href="#"></a>
<a class="social_icon ion-social-rss" href="#"></a>
<a class="social_icon ion-social-pinterest" href="#"></a>

All the CSS for them is located in the editor.css file, so you can make your edits there and in this custom HTML module.

Let me know if you need further assistance with this.


: Re: Change Social Icons of the Eventfull menue
: hihu March 31, 2016, 02:56:15 PM
Thank you for your reply.

Hello,

A lot of our older templates use this method but for most new ones we now just publish the icons via a custom  HTML module to a position. For the Eventfull template we published them to the "custom_6" module position:


Yeah I found a module called "social icons" which is published to custom 6 but there is no content. The field is empty.

:
<a class="social_icon ion-social-facebook" target="_blank" href="http://www.facebook.com/shape5.templates"></a>
<a class="social_icon ion-social-twitter" target="_blank" href="https://twitter.com/shape_5"></a>
<a class="social_icon ion-social-googleplus" href="#"></a>
<a class="social_icon ion-social-rss" href="#"></a>
<a class="social_icon ion-social-pinterest" href="#"></a>


I investigated this with firebug and already found it.

All the CSS for them is located in the editor.css file, so you can make your edits there and in this custom HTML module.

Let me know if you need further assistance with this.

As I see those icons are formatted in the editor.css. The Icons are based on the ionicons. So I guess only the symbols available at ionicons can be used as social icons.
Which means that Soundcloud or Bandcamp are not available I guess? But I found Youtube for usage.

greetings


: Re: Change Social Icons of the Eventfull menue
: jonahh April 01, 2016, 11:17:26 AM
Yes that is correct we display them off of ionicons. If you wanted another icon that isn't available you would need to use another font library or use an actual image there instead.