Change that Home glyphicon.

Got something cool to share with AppGini users? Feel free to post it here!
Post Reply
User avatar
Jay Webb
Veteran Member
Posts: 80
Joined: 2017-08-26 15:27
Contact:

Change that Home glyphicon.

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.

User avatar
jsetzer
AppGini Super Hero
AppGini Super Hero
Posts: 1807
Joined: 2018-07-06 06:03
Location: Kiel, Germany
Contact:

Re: Change that Home glyphicon.

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

Post Reply