Customize End User Portal - Updating text on Report an Issue and Service Catalog

Hi @SamC1601 
 

I actually managed to change the image on the catalog page yesterday so your question had good timing :)

I used this Stylesheet code to change the image:

#catalog-list-page #catalog-list-header #catalog-list-header-items .catalog-image 
{
  background-image: url("https://adresstoyourimage.com/filename.png");
  background-size: cover;
}
 

To change the text you need to do some more coding which I have not tried myself, yet.

@maghed  Thank you! This will come in handy as we go to change the icon. I struggle with the scripting portion so I know that the text will be a little more difficult.

@zachary.king Thank you as well for the info. I have used the inspect tool to get a lot of our customization done, but like I told maghed, the scripting tends to throw me to update the text since it’s not as straightforward as updating the HTML. I do really appreciate the detailed answer though! 

Hi @SamC1601 .

I guess I can help a little bit with your pending tasks:

Admin → Helpdesk Rebranding → Portal customization

Layout & pages

Portal Layout

Section Page layout:

<script>
  CARDS.map(function (card) {
    if (card.url == '/support/catalog/items') {
      card.title   = 'Service and Product Catalog';
      card.content = 'Raise a request for a new device, software or service';
      card.img     = 'https://assets5.freshservice.com/assets/portal_v2/service_catalog-9c7801db4f2470efe9ac7e57b342b6ceef9b1ba072fa4788e57279265c713861.svg';
    }
  });
</script>

You may set your own cards title, description and image in the corresponding fields.

Admin → Helpdesk Rebranding → Portal customization

Stylesheet

Section Custom stylesheet:

#catalog-title:after
{
    visibility: visible;
    position: absolute;
    top: 0;
    left: 0;
    content: "Service and Product Catalog";
}

You may customize the text to show when launching the card.

Hope this helps.

Sincerely,

Elvis.

Yes, it is available currently :)

https://support.freshservice.com/en/support/solutions/articles/50000005515-build-portals-on-the-fly-the-no-code-way