Need help with CSS for Service Portal header bar

[patricklatella]

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!

[patricklatella]

would a better way to do this be to re-do the logo itself so that it has the text in the logo?  That way I don't have to mess with cloning the widget just to get the text to position correctly.  Make sense?

[SanjivMeher]

Yes. I would suggest fixing the logo.

Before adding the logo was it in the same row?

Because the OOB protal has it all in one row

[patricklatella]

actually before adding the "Welcome to..." text it was all in one row.  So yep, best to just get a better logo...thanks again Sanjiv, hope you've been well!

[SanjivMeher]

Yup...Busy with current project....Hope you are doing good too.

[Allen Andreas · Accepted solution]

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!