I picked up a great tip from @mrumery yesterday. Our institution wanted me to add a custom message to the new user registration page in Catalog to encourage Baylor-affiliates to use their campus email address when registering. His JavaScript solution was so simple but so helpful, I wanted to share it with the Catalog community.
You want to add this to a document ready function to wait for the DOM to load on the page.
$( document ).ready(function() {
$("div.registration-summary.text-center").append("<br>This is what some text can look like.</br>");
});
Using his suggested code snippet, this is what our first-time enrollment page looks like now after making it look the way our campus leadership wanted:
Instructure changed the CSS a bit several months ago, and now this is the code snippet we use in the Custom Javascript textbox under the catalog Customizations tab.
$( document ).ready(function() {
$("div.text-center.RegistrationHeader__AuthenticationStatus").append('<br>This is what some text can look like.</br>');
});
@rsasso
This is awesome! Thank you so much for your quick assistance! It works!