Joomla Templates Club 406,261 posts

[oficyna21 Friend oficyna21Join date: April 2016Posts: 40Downloads:9Uploads:5 Thanks: 1]

#926346

Hello, how to add social media icons (the same as in Contacts) to the footer in JA Jason template?

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#926361

Hi
Those icons are part of the Contacts component . You can copy the html code and code in custom html module .
Then publish it on your site via module .

Here is code :

<div class="contact-links">
                <ul class="nav nav-stacked">
                                            <li>
                            <a href="https://www.facebook.com/Oficyna21" class="facebook">
                                Facebook                            </a>
                        </li>
                                            <li>
                            <a href="http://www.twitter.com/Oficyna21" class="twitter">
                                Twitter                         </a>
                        </li>
                                            <li>
                            <a href="https://www.pinterest.com/Oficyna21" class="pinterest">
                                Pinterest                           </a>
                        </li>
                                    </ul>
            </div>

or you can use your own icons and link them to your social profile .

Hope it helps

[oficyna21 Friend oficyna21Join date: April 2016Posts: 40Downloads:9Uploads:5 Thanks: 1]

#926373

I’m sorry but this code does not work. I’m getting only words, not icons.

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#926381

Hi
Add module suffix
plain-style
in the module with a single blank space and check .

[oficyna21 Friend oficyna21Join date: April 2016Posts: 40Downloads:9Uploads:5 Thanks: 1]

#926390

Thanks, now it is better, but the icons don’t illuminate in red. What should I do more?

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#926392

Hi
try this code in custom.css file

.plain-style .contact-links ul li a:hover {
    color: #ff3334!important;
}

[oficyna21 Friend oficyna21Join date: April 2016Posts: 40Downloads:9Uploads:5 Thanks: 1]

#926405

I can’t find this file. Where is it?

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#926406

Go to /css/custom.css in your template folder , If file is not there create it and add the suggested code .
Hope it helps .

[oficyna21 Friend oficyna21Join date: April 2016Posts: 40Downloads:9Uploads:5 Thanks: 1]

#926416

Yes, it works. Thanks!

[Author]

Posts