Hi Shiva,
I saw your post on the other thread: https://communities.ca.com/web/ca-clarity-global-user-community/message-board/-/message_boards/message/110837616
While it may be possible to do it in versions prior to 13.3, it is fully supported in 13.3 (see we do listen to your feedback!). I know you currently have 13.2 and I strongly advise that you upgrade because (1) it is a simple upgrade path (2) you can change the log-in and (3) it is a quality release. You can find all the details in the Studio Guide for configuring the log-in page.
But here is the gist:
1. Login Page Top Message
You can add a service announcement or custom message at the top of the login page.
/* The login service message */
#ppm_login_message_top span:before{
content: "Custom UI Theme Message 1 at the top";
}
2. Login Page Bottom Message
You can add a service announcement or custom message at the bottom of the login page.
/* The login service message */
#ppm_login_message_bottom span:before{
content: "Custom UI Theme Message 2 at the bottom";
}
3. Login Page Logo
Convert your custom logo image to a base64 encoded string and paste it into the following section:
/* Clarity PPM Logo */
#ppm_login_logo {
background: url(data:image/filetype;base64, my_image_base64_string); margin: 6px 0px 0px 15px;
width: 150px;
height: 50px;
}
The image filetype string is included in the base64 conversion result and represents the original image type. For example, gif, jpeg, or png. Copy and paste the base64 string over my_image_base64_string in the code. The string can be long (30,000 characters). To view it, scroll to the right. Also specify the width and height values for your image.
Note: We recommend that you optimize your image before you convert it to the base64 string. An image optimization tool such as Smush.it can produce a smaller encoded string.
To convert your image to a base64 encoded string, use an online conversion utility available at the following sites:
http://webcodertools.com
http://www.base64-image.de
Note: You can adjust other properties under the /* Login page CSS styles */ section including fonts, colors, and sizes.