cancel
Showing results for 
Show  only  | Search instead for 
Did you mean: 
mkumar
Level 3

Unable to change End-User Portal Style

Jump to solution

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.

0 Kudos
(1) Solution
jberthold
Revenera Moderator Revenera Moderator
Revenera Moderator

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

View solution in original post

0 Kudos
(6) Replies
jberthold
Revenera Moderator Revenera Moderator
Revenera Moderator

Hello @mkumar ,

I do not see your custom.css file attached, can you please try again?

Thanks,

0 Kudos

Thanks, Please get attached Custom.css file used for updating the style. i have changed the extension of file because of the attachment validation.

0 Kudos
jberthold
Revenera Moderator Revenera Moderator
Revenera Moderator

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.

0 Kudos

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.

0 Kudos
jberthold
Revenera Moderator Revenera Moderator
Revenera Moderator

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

0 Kudos
Hi Jim,

Thanks a lot for your help and have a nice day!

Regards,
Mohit Kumar
0 Kudos