Hi. I seem to be stuck on seemingly an easy task of changing the background colour of an html widget from the usual “Docebo grey”. I’m trying to create a really simple title on top of the background colour but having exhausted all options, I can’t seem to get beyond the following:
I’ve attempted three different routes:
- Applied a “background colour” directly to the widget id in css.
- Created a style class which has a black background colour.
- Added a black background colour to the font style class.
None of the above approaches seem to work. Any help would be greatly appreciated for what seems like something so trivial.
Thanks in advance. Tagging in
Code couldn’t be simpler:
html
<div class="GlobalHSbackground">
<div class="GlobalTitleSettings">Quick Links.</div></div>
Css:
#doc-widget-3977{background-color: #000000;}
.GlobalHSbackground{background-color: #000000;}
.GlobalTitleSettings{
font-family: montserrat;
position: absolute;
background-color: #000000;
padding: 0px 0px 0px 0px;
text-decoration: none;
color: #ffffff;
font-size: 90px;
font-weight: 600;
}
Best answer by Bfarkas
View original