- Revenera Community
- :
- FlexNet Operations
- :
- FlexNet Operations Forum
- :
- Re: Unable to change End-User Portal Style
- Mark Topic as New
- Mark Topic as Read
- Float this Topic for Current User
- Subscribe
- Mute
- Printer Friendly Page
- Mark as New
- Subscribe
- Mute
- Permalink
- Report Inappropriate Content
We want to change the end-user portal login page style. To achieve this we have uploaded a style css file in custom branding section of Production portal configuration. but our end-user portal style has not updated. i have checked the end user portal after clearing the cache also, but it is not updating.
I am attaching custom.css file, which i am using for uploading in 'Upload CSS' section.
Many thanks in advance.
- Mark as New
- Subscribe
- Mute
- Permalink
- Report Inappropriate Content
Hello @mkumar ,
The .login element is what you need to modify to the change the indicated background color. For example, I used the following css to change the background-color to a light green:
.login {
float: left;
position: relative;
width: 365px;
background-color: #a4d68c;
font-size: 12px
}
Image attached with the results.
Best regards,
Jim
- Mark as New
- Subscribe
- Mute
- Permalink
- Report Inappropriate Content
Hello @mkumar.
It looks like you have several redundant css rules in your css, however when I upload your custom css into an FNO Cloud instance I do see differences on the customer portal login page (see attached image). If you are not seeing any changes perhaps your browser cache is not being cleared.
- Mark as New
- Subscribe
- Mute
- Permalink
- Report Inappropriate Content
Hi jberthold,
Many thanks for your reply.
This effect is also visible in my browser and i have changed out custom icon also that is also visible. But i want to change the background color of login fields group. that is not getting updated.
In my css you can see the color of login-method.
.login-method,.login input.text,.login select {
background-color: #eaeaea;
color: #0000FF;
this effect is not visible after updating the CSS.
I am attaching an image what i want to change.
Thanks.
- Mark as New
- Subscribe
- Mute
- Permalink
- Report Inappropriate Content
Hello @mkumar ,
The .login element is what you need to modify to the change the indicated background color. For example, I used the following css to change the background-color to a light green:
.login {
float: left;
position: relative;
width: 365px;
background-color: #a4d68c;
font-size: 12px
}
Image attached with the results.
Best regards,
Jim
- Mark as New
- Subscribe
- Mute
- Permalink
- Report Inappropriate Content
Thanks a lot for your help and have a nice day!
Regards,
Mohit Kumar