How to change the "login" icon
September 2015 Joomla Template
- GK User
- Fri May 20, 2016 1:25 pm
Hi,
I am trying to figure out how to change the person_outline icon which controls the log in popup in te menu bar.
I cannot find where it comes from.
Any ideas?
Thanks,
Bastiaan
I am trying to figure out how to change the person_outline icon which controls the log in popup in te menu bar.
I cannot find where it comes from.
Any ideas?
Thanks,
Bastiaan
-
- Fresh Boarder
- teitbite
- Tue May 24, 2016 2:35 pm
Hi
This icon is set there thanks to icon font, but You can easily change it to an image by adding this to override.css:
This icon is set there thanks to icon font, but You can easily change it to an image by adding this to override.css:
- Code: Select all
#gkUser > .micon {
background: url(../images/youricon.png) no-repeat center center transparent;
}
#gkUser > .micon::before {
display: none;
}
-
- Moderator
- GK User
- Tue May 24, 2016 7:07 pm
Hi,
Thank you for your reply.
Unfortunately placing this in the override.css did nothing (override is enabled in advanced settings).
The url of the website is www.festgear.nl.
It does not necessary have to be an image another micon would also be great (there is one called shopping_cart).
Hope you can help,
Bastiaan
Thank you for your reply.
Unfortunately placing this in the override.css did nothing (override is enabled in advanced settings).
The url of the website is www.festgear.nl.
It does not necessary have to be an image another micon would also be great (there is one called shopping_cart).
Hope you can help,
Bastiaan
-
- Fresh Boarder
- GK User
- Wed May 25, 2016 10:52 am
Hi,
I did a complete scan of a local copy of the website and found the person_outline hard coded in the default.php file in the template - layout folder.
I changed it to shopping_cart and that fixed it.
Thanks for pointing me in the right direction!
Bastiaan
I did a complete scan of a local copy of the website and found the person_outline hard coded in the default.php file in the template - layout folder.
I changed it to shopping_cart and that fixed it.
Thanks for pointing me in the right direction!
Bastiaan
-
- Fresh Boarder
- teitbite
- Fri May 27, 2016 2:47 pm
Hi
Yes it's a good solution too.
Mine worked as well, but as I can see there is no cart.png file in template's /images folder, so image could not be loaded, that's why it was not showing.
Yes it's a good solution too.
Mine worked as well, but as I can see there is no cart.png file in template's /images folder, so image could not be loaded, that's why it was not showing.
-
- Moderator
- GK User
- Thu May 25, 2017 3:00 pm
Hi Teitbite
I Use the code, the background image work, but the Logi Icon is still showing in front.
Could you help me please.
By private message going to send you the URL
Thank you
I Use the code, the background image work, but the Logi Icon is still showing in front.
Could you help me please.
By private message going to send you the URL
Thank you
-
- Expert Boarder
- teitbite
- Tue May 30, 2017 6:22 pm
Hi
Easiest is as posted on users above. Edit file /layouts/default.php and replace line 104:
with
Easiest is as posted on users above. Edit file /layouts/default.php and replace line 104:
- Code: Select all
<i class="micon">person_outline</i>
with
- Code: Select all
<i class="micon"></i>
-
- Moderator
- GK User
- Wed May 31, 2017 6:18 pm
Thank you, it works
-
- Expert Boarder
- teitbite
- Sun Jun 04, 2017 12:33 pm
Hi
Glad I could help.
---
If You were satisfied with our support please let other users know on Twitter: http://twitter.com/gavickpro or Facebook: http://www.facebook.com/gavickpro
Glad I could help.
---
If You were satisfied with our support please let other users know on Twitter: http://twitter.com/gavickpro or Facebook: http://www.facebook.com/gavickpro
-
- Moderator
- GK User
- Mon Jun 12, 2017 3:45 pm
Hi,
is´t possible make that position wider, like 200px widht
Thak you.
is´t possible make that position wider, like 200px widht
Thak you.
-
- Expert Boarder
- GK User
- Wed Jun 14, 2017 7:23 pm
@teitbite
Ist possible make that position wider?
Ist possible make that position wider?
-
- Expert Boarder
- teitbite
- Mon Jun 19, 2017 11:18 am
Hi
You want to make this icon 200px wide? Try:
You want to make this icon 200px wide? Try:
- Code: Select all
#gkUser > .micon {
width: 200px;
display: inline-block;
}
-
- Moderator
12 posts
• Page 1 of 1