Hi Lee

Can you please tell me name of the css class that styles the "Pencil icon and the Edit  Text" control located at the bottom of  a module  e.g Text/Html.

I have looked at your DNN Skinning Tutorial but I can't find the associated class. 

Thanks

 

Lynn 

Hi Lynn,

I've created a tutorial for the next issue which tells you exactly how to find out the classes for styling any elements on your page:

http://www.dnncreative.com/Tutorial...fault.aspx

The edit text is styled with the class: .CommandButton

I'm not sure about the pencil icon. - This looks as though you can only style it using the styling for the img tag:

ie:

img
{
    padding: 0;
    border: 1px solid orange;
}

But this styles all images in the skin.

You could focus it a bit further by combining an id of a container ie: in the DNN Blue skin:

.containermaster_blue img
{
    padding: 0;
    border: 1px solid orange;
}

This will add an orange border around all images in the blue container.

If you place a div id around the edit pencil token area in your container, you could then specify the id  and then img tag and just style the pencil token.

Hope this makes sense, thanks,