homepage search widget service portal

Brian Lancaster · ‎12-27-2017

Is there any way to change the font color on the text that you can add above the search bar without making a copy of the widget?

Paul Wydra III · ‎12-27-2017

Hi Brian,

I am assuming you mean the "How can we help?" text (or whatever you replace it with).

If so, yes you can edit the Widget Instance and there will be a CSS field where you can control the color of the font. Example is:

h1.sp-tagline-color {

   color: red;

}

The above will make the font appear as shown below.

Thanks.

View solution in original post

patricklatella · ‎02-04-2019

perfect, thanks! I had originally tried that but with a longer string and it didn't work, guessing there's a character limit to that text? Also, is it possible to shrink the size of the welcome message without cloning the widget? the "Welcome To The Customer Portal" text in my screen shot here:

patricklatella · ‎02-04-2019

I figured this one out...I added this CSS to the widget instance to control the text size of the welcome message...thanks again!

.text-4x {
font-size: 3em;
}

Robert Chrystie · ‎12-27-2017

Hi Brian,

If you navigate to Service Portal > Service Portal Configuration. This will open a Service Portal page for making style updates to your portals. From here you can select the Branding Editor and then the portal that you are working with, on the left side of the page. Now any changes that you make are going to affect only the selected Service Portal. There should be an option for 'Tag Line color' on the left side. What this is doing is creating or updating a CSS variable $sp-tagline-color on the Service Portal record.