Elgg 3: Replace logo text with image
By zerosandones
I welcome any better suggestions, but unless the stable release of elgg 3.0 includes a logo upload area in the backend, this is how I was able to replace the logo text with an image. Perhaps this is a bad way to do it. I don't know. The only part that I wasn't expecting was the "direction" rule. The only reason I added that is because the HMTL editor I was using gave me a warning suggesting that I add direction left to right. But, whether I include that or not, that didn't change anything.
This CSS basically replaces the site title text, with an image.
.elgg-nav-logo a {
padding:10px 0 0 5px;
display: inline-block;
content: url(image.png);
max-height: 40px;
max-width: 40px;
direction: ltr;
text-indent: -99999em;
overflow: hidden;
}
- Nikolai Shcherbin@rivervanrain
Nikolai Shcherbin - 0 likes
- zerosandones@zerosandones
zerosandones - 0 likes
- ihayredinov@ihayredinov
ihayredinov - 0 likes
- zerosandones@zerosandones
zerosandones - 0 likes
- zerosandones@zerosandones
zerosandones - 0 likes
- daniyaree@daniyaree
daniyaree - 0 likes
- zerosandones@zerosandones
zerosandones - 0 likes
You must log in to post replies.Discussed already
Learn for 3.x
Fair enough. But, for people new to elgg like me, adding some CSS is faster. For me at least right now. I need to learn how to make a plugin and how to override views one day. I wish there was a tutorial designed for 3 year olds to follow. Then I’d be able to figure it out.
Are you saying that you are just modifying CSS file without having created a plugin? That's unwise and will create way too much work in the future. http://learn.elgg.org/en/3.0/guides/dont-modify-core.html
Baby steps:
Done
Yay, Ismayil! That’s what I’m talking about. All docs should be written like that.
Yeah, I’ve been adding CSS to a core CSS file. I knew from the beginning it was a very bad idea. My plan is to follow your instructions and other docs to re-do everything properly.
By the way, thank you for all the work you put into elgg.
You too RvR, I think you’re a elgg dev too.
Even for talented coders this stuff takes a long time to create and maintain.
Update: I did it! I created a basic plugin and added my logo to the top bar. Woo!
thats great - consider releasing it for public use, however small it may be @ zerosandones
Sure, @daniyaree, here you go:
https://github.com/breathingboard/elggo