


I made one for the workshop - you can find it in the folder 3_libguide when you download the workshop materials at. You can test out this template by using a locally saved libguide. Many aren’t listed, but you can find them using Inspect Element in Chrome/Firefox or examining a libguide’s source code. I made a template below (and on Github). It’s a fill-in-the-blank CSS template with identifiers and classes you’ll probably want to change, commented with descriptions of what they are. This is not a function of TextWrangler. You’ll have to get familiar with the behind-the-scenes structure of libguides, particularly the identifiers and classes they use to style specific parts of the page. (I don’t recommend using both a header and banner.)

I wanted it to wrap or break the tabs into multiple lines so that they would all be visible at once.
#Textwrangler tab multiple lines how to#
How to use custom CSS and LibGuides ‘Edit my account’ page with admin status I have a Navigation tab with many tabs, but I dont want the scroll functionality. TextWrangler is also a great plain text editor suitable for HTML/CSS editing (and free!). Typically I use oXygen XML editor ($99 academic price) to edit web code, which is useful because it color-codes tags and tells you if you’ve tried to write something invalid. We used Adobe Dreamweaver, since it was installed on the classroom computers, but I don’t really like Dreamweaver. Here’s a more explicit breakdown of how to create and implement your own CSS (although you’re free to use the chunk of code I provided, too).Īt the LACUNY Emerging Tech HTML + CSS workshop that and I led this week, we walked through familiarizing ourselves with CSS while experimenting with customizing LibGuides. I posted before about the custom CSS I made for John Jay’s libguides.
