Forum - DatingScript

Online dating software

You are not logged in.

#1 2020-01-08 08:40:51

Registered: 2018-04-15
Posts: 90

To add a whatsApp social icon at the bottom of the page.

For those who wish to add a social icon at the bottom of the page. Take the example of a WhatsApp icon :

1) Open the file \template\breezy\footer.php
Add this code :
<li><a href="" target="_blank" class="icon-social icon-social-whatsapp" title="WhatsApp"><span class="hidden">WhatsApp</span></a></li>

2)  Open the file \templates\bbreezy\css\custom.less
add this code :

.icon-social-whatsapp {
    background-color: #009900;
    background-image: url('[base_url]assets/images/system/social/whatsapp.svg');

    &:hover {
        background-color: lighten(#009900, 8%);

3) add whatsapp.svg file in : /assets/images/system/social/
The whatsapp.svg file can be downloaded here : … p.svg/file  (files will only be retained for up to 14 days)

If you have a better whatsapp.svg file I am interested: p
If you have a better way to set up new icons, I'm interested too! : p


Board footer