Need help with CSS for Service Portal header bar

patricklatella · ‎02-05-2019

Hi all,

I'm trying to fix the CSS so that the content in the header bar on a portal lines up properly, see the screen shot. I'm tinkering with the CSS in Chrome dev tools but cannot isolate why that extra space is showing beneath the logo. any help would be great, thanks!

Allen Andreas · ‎02-05-2019

Yeah, I think this got all blown out of proportion, lol.

Basically to end this whole thing, create new image with the wording in it that you'd like, then go to the Service Portal > Configuration, then click Branding Editor, and just make sure you pick the right portal (you could have multiple) [drop down should be in upper top-left of screen] and upload your new image right there, that's it.

No HTML, CSS, etc.

No cloning widgets...

Please mark reply as Helpful/Correct, if applicable. Thanks!

Please consider marking my reply as Helpful and/or Accept Solution, if applicable. Thanks!

View solution in original post

patricklatella · ‎02-05-2019

one thing though...when I change the text in the "content: "Welcome To the XXXXXX Service Platform";" part of my script, it does change what the text says on the portal correctly...it's just the layout that's messed up. not sure how to proceed

dvp · ‎02-05-2019

I think the functionality is in Stock Header widget . Stock header is calling Header Menu widget

patricklatella · ‎02-05-2019

Hi dvp, so if I clone the "Stock Header" widget to add the text next to the icon in the header, then where do I swap out the "Stock Header" with the new "Copy of Stock Header"?

patricklatella · ‎02-05-2019

I figured that out...it's set in the Theme record

dvp · ‎02-05-2019

Service Portal > Portals > Open portal record