When adding boxes to pages or different types of content to the same list, you might end up with extra space between items that makes the page look weird. For example, let's combine some databases with some non-database links.
See how the last item looks like it doesn't belong to the rest of the list? Technically (according to the system), they are two different lists. So, we can remove that by removing the margin of the database list by putting this into the CSS of the page:
#s-lg-link-list-69776943{margin-bottom: 0px;}
The link list number (also called an ID) is unique to that list, so you'll look for the ID of the link list you created and replace that number in the code.
In this example guide, I've something similar with the Ask Us box on the instructional pages. I've removed the margin from the bottom of the text box, so the Ask Us button aligns more closely with the text above it and looks like a single box instead of two separate boxes. To do this, I've set the bottom margin of the text to zero using this code:
#s-lg-box-28916720{margin-bottom: 0px;}
This week, I'm not adding a citation standards box because it isn't needed. We don't need citation standards when listing entire databases, books, websites, or search strings because nothing's been cited. However, if the citation standards box is listed on other weeks in the course, it might be a good idea to include it for consistency.
We add images to guides that do not have embedded videos. If the page has embedded videos, images are not needed.
Images need to have alt text and should be set to decorative.
The Ask Us box is typically added at the top of the right-hand column or underneath the image if one is being used. The box usually added to this space is the Ask Us! box from the Reusable Content page of the LibGuides SOP.