Support Portal custom image

Hi @FSEnthu,

You can add the below code in the Stylesheet/CSS section of the portal, where the background image url have to be adjusted. On top of this, other adjustments might be needed, like text colors.

If you don't have the option to host that background image somewhere you can try to first upload the image of choice in the current portal (without this additional Stylesheet code). Save & Publish. Open the portal and find via the DevTools the url to that background image and change it in below code.

/* START Fullscreen background image */
#header-container > section.pull-right.header-section > a{
  background: none !important;
}

#home-page-container
{
  background-image: url("https://picture-url-here") !important;
  background-size: cover;
  background-repeat: no-repeat;
}

#home-page-container #home-lists-container
{  background: none !important;}

#cards-banner
{
  background: none !important;
}

#hero-banner {
  background: none !important;
}
 
.hero-banner-container, .hero-banner-container:before {
  background: none !important;
}
/* END Fullscreen background image */

Paste then above code in the Stylesheet/CSS section of the portal and use the url to define the earlier uploaded background image and Save & Publish again.

Kind regards,

Rutger Bockholts

Freshworks