By Uwe on Friday, 21 October 2022
Posted in Technical Issues
Likes 0
Views 603
Votes 0
Hi,

I cannot find the right place to change the color of the icons in the footbar of the Mobile Web Template. Whatever I do, they are invisible. They are there and I can click them, but they don't show. Even if I change the color of the footbar itself, the icons don't show.

Can you please advise how and where to change this?

Thanks
Uwe
Hi Uwe,

From what I understand, you are having 2 issues correct?
1. how to change color of icon in footbar
2. click the icon, nothing happens

Can you provide us the back-end access so we can investigate?
·
Friday, 21 October 2022 15:27
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Raymond,

No. 1 is correct - I cannot find a way to change the colors.
No. 2 is not correct - if I click on the "invisible" icons, the menu opens correctly. So the icons are there, but I cannot see them because of the color setting.

I put superuser access in the additional information. Please accept the different domain name (which currently does not have a license). This is my staging server which has a different URL. Once everything is working fine, I will of course transfer the template to our live server which has a valid license.

Thanks
Uwe
Uwe
·
Friday, 21 October 2022 15:37
·
0 Likes
·
0 Votes
·
0 Comments
·
Thanks Uwe.

The reason those font awesome icons are not showing is because this setting is disabled.
Settings>Layout>General>Render Font Awesome v5 Stylesheets

As for the color, you have to use custom css, for example:

#es .es-mobile-footbar i {
color: blue;
}
·
Friday, 21 October 2022 15:53
·
0 Likes
·
0 Votes
·
0 Comments
·
Thanks, Raymond. Now the icons show. But l still cannot change the color. The custom.css seems to be not working. Even with !important it has no effect on the color.
Uwe
·
Friday, 21 October 2022 16:06
·
0 Likes
·
0 Votes
·
0 Comments
·
Hey Uwe,

Make sure you apply it into the mobile template's custom css.
JoomlaFolder/templates/esmobile/css/custom.css

The custom css section on EasySocial only applies to the site's default template, which is Delacroy on your site.
·
Friday, 21 October 2022 16:13
·
0 Likes
·
0 Votes
·
0 Comments
·
Got it - Thanks!
Uwe
·
Friday, 21 October 2022 16:18
·
0 Likes
·
0 Votes
·
0 Comments
·
You're most welcome Uwe.

Regards.
·
Friday, 21 October 2022 16:49
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post