Got something cool to share with AppGini users? Feel free to post it here!
-
Jay Webb
- Veteran Member
- Posts: 80
- Joined: 2017-08-26 15:27
-
Contact:
Post
by Jay Webb » 2018-05-10 04:28
Change the Home glyphicon to something custom.
Add this to "hooks/header-extra.php" I'm using AppGini 5.70:
Code: Select all
<style>
.glyphicon-home:before {
content:url("../your website/images/your.png")" "; /* change for your own 32 X 32 .png.*/
}
.glyphicon.glyphicon-home {
top:8px !important; /* set distance from top for 32 X 32.*/
margin-left:10px !important; /* set margin left, optional, margin right.*/
}
.navbar-brand {
padding:0 !important; /* need to remove existing padding.*/
}
</style>
Remove comments before saving.
Now it will be there even after re-uploading your project changes and it's easy to change.
What we envision, we make happen.
-
jsetzer
- AppGini Super Hero
- Posts: 1814
- Joined: 2018-07-06 06:03
- Location: Kiel, Germany
-
Contact:
Post
by jsetzer » 2018-07-14 17:47
If you just want to replace the glyphicon by a different one, you can try:
Code: Select all
var icon = 'cloud'; // or any other glyphicon
$j('a.navbar-brand i.glyphicon').removeClass('glyphicon-home').addClass('glyphicon-' + icon);
Kind regards,
<js />
My AppGini Blog:
https://appgini.bizzworxx.de/blog
You can help us helping you:
Please always put code fragments inside
[code]...[/code]
blocks for better readability
AppGini 24.10 Revision 1579 + all AppGini Helper tools