Change color from the text "Edit" on pages

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

  • Create a plugin where you can keep your customizations. Add the class elgg-menu-item-edit to the css file in that plugin.

  • 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;
    }