Found this content helpful? Log in or sign up to leave a like!

Background image disappeared in Certificate - can't fix HTML code

BetsyV
Community Member
‎04-18-2025 09:46 AM

Hi,

I have used a background image on the Custom HTML feature in the Certificate area of Catalog and everything was running smoothly until two days ago. Now you cannot see the image on any of the certificates in my catalog and I have tried to adjust the HTML code to no avail. The image is hosted on our internal Content Management System and appears to be working fine on my end. 

Here is the code in Canvas. Does anyone have any ideas of what could have happened and how to fix it? Thanks so much everyone! 

<head>

</head>

<body>
<style>
.container {
border: none;
width: 816px;
height: 1056px;
box-sizing: border-box;
padding: 50px;
font-family: raleway;
background-image: url(https://socialwork.wayne.edu/ce/canvas-catalog/ableism.png);
background-size: 816px 1056px;
background...

h1,
h2,
h3,
h4,
h5 {
margin: 0
}

body,
html {
padding: 0;
margin: 0;
}

#student_name {
font-size: 35px;
font-family: raleway;
margin: 15px;
text-transform: none;
text-align: center;
padding-top: 270px;
}

#award_name {
font-size: 20px;
font-family: raleway;
text-align: center;
padding-top: 65px;
padding-left: 100px;
padding-right: 100px;
}

#cert-date {
font-size: 18px;
font-family: raleway;
text-align: left;
padding-top: 180px;
padding-left: 175px;
}

#credits {
font-size: 18px;
font-family: raleway;
text-align: left;
padding-top: 90px;
padding-left: 190px;
}
</style>

<div class="container">
<p>
<h2 id="student_name">{{student_name}}</h2><br>
<h2 id="award_name">{{award_name}}</h2><br>
<h4 id="cert-date">{{completion_date}}</h4><br><br>
<h4 id="credits">{{credits}}</h4><br><br>
</p>
</div>
</body>

0 Likes