Shape 5

Joomla Templates => Incline - Club => : chwebmedia March 29, 2018, 02:32:27 PM



: Social Icon Background Color Not showing
: chwebmedia March 29, 2018, 02:32:27 PM
Hi I have 4 social icons on the left side of the website but I cannot get the background color for the Instagram. Can you help?

www.schindlersociety.com

<a class="social_icon ion-social-facebook" href="https://www.facebook.com/Schindler-Society-Agudat-Schindler-290147134810513/" target="_blank" rel="noopener noreferrer">[/url] <a class="social_icon ion-social-twitter" href="https://twitter.com/schindlersark" target="_blank" rel="noopener noreferrer">[/url] <a class="social_icon ion-social-googleplus" rel="noopener noreferrer">[/url] <a class="social_icon ion-social-instagram" href="https://www.instagram.com/schindlersociety/" target="_blank" rel="noopener noreferrer">[/url]

Regards,
Karen


: Re: Social Icon Background Color Not showing
: mikek March 30, 2018, 07:52:12 AM
Hello,

There is no Instagram class for this template. You would need to create that. I would suggest editing editor.css and look for .social_icon.ion-social-rss  Just modify that classname and background color to match your instagram classname call.


: Re: Social Icon Background Color Not showing
: chwebmedia March 30, 2018, 01:59:52 PM
I did that and it doesn't work.

.social_icon.ion-social-instagram {
background:#FF6F14;
}

.social_icon.ion-social-instagram:hover {
background:#A8480B;



: Re: Social Icon Background Color Not showing
: mikek April 03, 2018, 07:36:46 AM
Hello,

That code will work as long as those are the classnames you are using in your code. Make sure you clear your cache to see the update.