Hi. I'm excited to try using Hot Glue with my students as a way to ease them into web development/design. I'm excited that I can integrate custom CSS, HTML, and scripting codes, meaning I can introduce those to students within an inviting WYSIWYG environment.
When playing with the ability to add custom styling code to the header, I noticed a weird phenomenon. When I add some styling header code to the site, e.g.:
<style>
body{
color:#BBE6E4;
background-color: blue;
}
a:link{
color:#42BFDD;
font-weight:bold;
}
a:visited{
color:#084B83;
font-weight:bold;
}
a:hover {
background-color: yellow;
}
div{
background-color: #FF66B3;
padding:10px;
}
</style>
The styles show up in the EDIT mode (with some mild graphical issues):
But the styles disappear in the VIEW mode (apart from padding in the DIVs, and text/link color):
Is there any way to make the custom CSS override the WYSIWYG colors, so they show up in the VIEW mode of the page?
