Question

CSS - UFO/Space Ship

  • 30 March 2023
  • 6 replies
  • 155 views
M
Rank
Userlevel 3
Badge

Anyone have some CSS code to change this UFO picture?

 

6 replies

M
Rank
Userlevel 1

oh! I need this too! Anybody?

Bfarkas
Rank
Userlevel 7
Badge +3

Took a quick look and this will remove the spaceship from session pages:

.lrn-widget-course-session-blankSlate .ui-illustration {
display: none;
}

Note: This is related to the new course layout which is still undergoing development and could change.

 

M
Rank
Userlevel 1

Took a quick look and this will remove the spaceship from session pages:

.lrn-widget-course-session-blankSlate .ui-illustration {
display: none;
}

Note: This is related to the new course layout which is still undergoing development and could change.

 

THANK YOU! Exactly what I needed! 

R
Rank

Does anyone have the CSS code to replace the spaceship image when a session is not available for a course? I have changed the text, but now need to replace the image.
 

 

M
Rank
Userlevel 1

 

/*Replace spaceship with custom image */

.lrn-widget-course-session-blankSlate .ui-illustration

{

    background: url(THE-URL-TO-IMAGE-GOES-HERE) no-repeat center;

    background-size: contain;

}

 

.lrn-widget-course-session-blankSlate .ui-illustration svg {

    visibility: hidden;

}

R
Rank

Thank you for the response. I must be doing something wrong because it is still there. 😐Anything else I can try?

 

/*Replace spaceship with custom image */

.lrn-widget-course-session-blankSlate .ui-illustration

{

    background: url(https://cdn5.dcbstatic.com/files/a/s/astec_university_docebosaas_com/userfiles/13046/writing_pencil.png) no-repeat center;

    background-size: contain;

}

.lrn-widget-course-session-blankSlate .ui-illustration svg {

    visibility: hidden;

}

/*Replace spaceship with custom image */

Reply


Terms & ConditionsCookie settings