Skip to main content
naveen1209
naveen1209
Contributor ⭐️⭐️
June 20, 2023
Solved

Customize sign in or sign up page

  • June 20, 2023
  • 4 replies
  • 135 views

Hello,

Can we customize the sign in or sign up pages. 

Apart from updating the phrases etc. We would like to add backgrounds to the pages, such as company background etc, I could find phrases updates but could not find how to update the background with custom color or branding or logos etc.

Can you please guide to the correct resource?

Best answer by olimarrio

Hi @naveen1209,

You could do this using custom CSS, for example:

body.private-register {
    background: url(your-image-url-here.com) center top no-repeat;
    background-size: cover;
}

There’s no exact specifications for the background image, it’s a compromise on how sharp you want the image to look vs load speed. We’ve had customer use images that are 6760px x 4212px but smaller could also work. I would advise the minimum resolution would be 1440px x 900px. 

4 replies

olimarrio
Gainsight Employee ⭐️
olimarrio
Gainsight Employee ⭐️
June 21, 2023

Hey @naveen1209 👋,

You can customise these but you would need to do so via custom CSS and Third Party Scripts. There isn’t currently out of the box functionality to do so. 

If you have a background image you would like to add we can help guide you but any further customisation (depending on the complexity) would likely fall into Professional Services.

naveen1209
naveen1209Author
Contributor ⭐️⭐️
June 22, 2023

Hello @olimarrio ,

Sure, Can you send us the steps to customize the background image? and if you have any specifications on the background image itself (size, px ) etc.?

olimarrio
Gainsight Employee ⭐️
olimarrioAnswer
Gainsight Employee ⭐️
June 23, 2023

Hi @naveen1209,

You could do this using custom CSS, for example:

body.private-register {
    background: url(your-image-url-here.com) center top no-repeat;
    background-size: cover;
}

There’s no exact specifications for the background image, it’s a compromise on how sharp you want the image to look vs load speed. We’ve had customer use images that are 6760px x 4212px but smaller could also work. I would advise the minimum resolution would be 1440px x 900px. 

    naveen1209
    naveen1209Author
    Contributor ⭐️⭐️
    June 23, 2023

    Hi @olimarrio ,

    Thank you!! We will try that. 

      Terms & ConditionsAccessibility statement