hi all,

is there any way in the new system to add a new social icon and link
i would like the ability to add instagram

thanks in advance

Hi John,

At this stage you could edit the layout file for social icons - eg tpls/blocks/social

You could add it like we have added the panel eg just the link and then add the instagram social icons.

Cheers

Thanks Anthony

will give it a go

cheers

Good luck with it

Cheers
Paul

Success!!

download the zip as this striped the code

in
tpls/blocks/social.php

duplicate tpls/blocks/social/gplus.php and rename to Instagram.php

change code

in
less/socialicons.less



in
settings / settings.xml


job done

cheers

hmmm
try attaching again

and again

hmmmm

Are you trying to attach an image?

If so try using Chrome

If you are trying to attach a php file or an xml file they need to be zipped and again attach using Chrome

Cheers
Paul

try again in chrome

thanks Paul
cheers

You're welcome

The reason for it being a zip is for security - so nothing nasty is uploaded

Cheers
Paul

Hi

I'm trying to replicate this process.

Do I need to upload an icon for Instagram? If so, any idea where it needs to go (the template uses Zen Grid Framework V4)?

Any advice greatly appreciated!

Many thanks!

Hi

We are planning to add this flexibility to the new zengrid templates but this will be a few weeks - is that an option?

Cheers
Paul

Sounds good!

I've actually got it to work, it's just the icon is wrong (and rather than sliding out further on the mouseover, it goes transparent).

Thanks!

Do you have a link?

Cheers
Paul

It's here:

philosophersmag.com/

Thanks!

Try adding this

.social-wrap .zen-icon-instagram, .social-wrap .fa-instagram {background:green;}

My colour value is just an example so you would probably want to change it

Cheers

I'm not exactly sure how you are adding your css code but just in case check out this page

docs.joomlabamboo.com/zen-grid-framework-4/theme/customisation.html

Cheers
Paul

.social-wrap .zen-icon-instagram, .social-wrap .fa-instagram {background:green; color:#fff}

Think you will need the colour as well