Change color from the text "Edit" on pages
By Michael
Greeting,
I use elgg 1.8 and the standard theme.
I use the addin "Pages" and, if I want to edit a page, I must click to the "Edit" Link.
Now the Edit link have a small contrast, so I want to change the text-color to black.
I have analyse the HTML site and I can see the class="elgg-menu-item-edit", so I search the text string "elgg-menu-item-edit" in my elgg instance, but I can not find it.
Can you tell me, where I can change the text-color from "Edit"?
Thank you!
Michael
Elgg Technical Support
Get support from other Elgg users
- Per Jensen@gillie
Per Jensen - 0 likes
- Michael@Michael200
Michael - 0 likes
- Per Jensen@gillie
Per Jensen - 0 likes
- Michael@Michael200
Michael - 0 likes
You must log in to post replies.Create a plugin where you can keep your customizations. Add the class elgg-menu-item-edit to the css file in that plugin.
But I see the class "elgg-menu-item-edit" in the HTML file in my browser and the text-color is grey.
So is this class "elgg-menu-item-edit" must be defined somewhere, right?
That piece of HTML is generated when you register menu items. That you can see a class in your HTML does not mean it's in your stylesheet.
The menu item you want to style has the same color as a lot of other menu items and the color is defined in,
.elgg-menu-entity > li > a, .elgg-menu-annotation > li > a {
color: #aaa;
}
But if you want to target only a specific menu item, you can use,
.elgg-menu-entity > li.elgg-menu-item-edit > a {
color: blue;
}
Thank you, works fine!