Page 1 of 1

Change that Home glyphicon.

Posted: 2018-05-10 04:28
by Jay Webb
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.

Re: Change that Home glyphicon.

Posted: 2018-07-14 17:47
by jsetzer
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);