Skip to main content

I’m trying to add a header to a page where using the built in header option doesn’t really work.

I figured I could use the WYSIWYG editor to add in text with the same HTML tags as the normal headers. That does work to give me what I want, except the WYSIWYG widget adds a white box and shadow. I can’t figure out how to get rid of that. Picture is attached. I’m comfortable with HTML and CSS. I just can’t figure this one out. Any help?

 

I do not have CSS to share with you but have you thought about using the Image widget instead? It usually works pretty well to hold the image size and is much simpler to use. I usually create an image in a tool like powerpoint and screenshot it to the size I need.

you might this helpful:

 

Dont use WYSIWYG, click into the HTML tab next to it. You’ll need to add CSS to Configure and Branding to talk to the HTML

 

Try and talk to Docebo’s GPT - the link should be here in community. It’ll give you the HTML and CSS 

​@lrnlab You’re right. That would work. I was just trying to come up with something a little more long term and sustainable than creating an image every time I wanted to do a header like this. If I can’t figure something out, I will probably do an image as you’re suggestion.

​@JZenker Thank you so much :) That’s exactly what I’m doing and I can’t figure the HTML/CSS to put into the HTML section of the WYSIWYG widget. If you know the markup that would work, or what to try, let me know.

​@lrnlab You’re right. That would work. I was just trying to come up with something a little more long term and sustainable than creating an image every time I wanted to do a header like this. If I can’t figure something out, I will probably do an image as you’re suggestion.

​@JZenker Thank you so much :) That’s exactly what I’m doing and I can’t figure the HTML/CSS to put into the HTML section of the WYSIWYG widget. If you know the markup that would work, or what to try, let me know.

No worries!

 

Put the HTML here:

 

 

And put the CSS here:

 

 

Use this website to test your code before putting it into Docebo. Separate the HTML and CSS just like you would in Docebo:

 

https://codepen.io/pen/

Ask GPT or the AI you’re using to separate the HTML from the CSS

Reply


Terms & ConditionsCookie settings