Please read the guide on using the template manager and creating a custom theme before using this guide
- The Profile Actions look like text links when using a default style. They have the "CommandButton" class applied to them.
- If you just want to make minor changes, you can add this line to your Portal.css file.
.tools .CommandButton{font-size:14px !important;}
This file is located in the Portals/{portalId}/ directory. You can add styles, the !important flag is needed for each one.
- If you need to make more in-depth changes, the code for the links is hidden behind a token. This token appears in the ProfileView.ascx file. Make sure you are editing a copy of the default ProfileView in a custom theme or the portals directory.
- The actual code is located in the DesktopModules/ActiveSocial/config/tokens.config file. This config file is not part of a theme, so you should not change it.
- Locate this block of code, it should normally be the first section. Copy everything in the orange box, including the ul tag.
- Replace the [AS:PROFILE:ACTIONS] token in the ProfileView.ascx template with the code you just copied.
- If you look at the red box, notice I changed the css class that is applied to the element. You can add these classes or your own styles.
- Those are Active Social CSS classes that are applied to other elements on the page.
- You will also need to replace the token in the ProfileEdit, MySettings, and MyAccount templates.