<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space;" class="">
<div class=""><br class="">
</div>
<div class="">It would help if you would be more specific about what you tried and where it failed, or what exactly doesn’t make sense. </div>
<div class=""><br class="">
</div>
<div class="">[1] Did you try adding a layout_head.html.erb file to local plugins as described: </div>
<div class=""><br class="">
</div>
<div class=""><a href="http://archivesspace.github.io/archivesspace/user/customizing-and-theming-archivesspace/#I-just-want-to-add-a-few-CSS-rules" class="">http://archivesspace.github.io/archivesspace/user/customizing-and-theming-archivesspace/#I-just-want-to-add-a-few-CSS-rules</a>!!!</div>
<div class=""><br class="">
</div>
<div class="">[2] You should be able to web browser’s debugger to see if your added css file is among loaded resources. </div>
<div class=""><br class="">
</div>
<div class="">[3] Is the problem than that the css isn’t getting applied ? </div>
<div class=""> If you’re using standard bootstrap classes for your selectors, then it may be a css precedence issue, </div>
<div class=""> and browser debugger should be able to indicate that. </div>
<div class=""> If you’re using your own classes and ids in selectors, then maybe what you’re trying to figure out is how to tag items with those classes. You may need to modify other views to do that. You’re probably better off working with bootstrap if
possible. </div>
<div class=""><br class="">
</div>
<div class="">( [4] Or are you having trouble with the .erb template syntax ? ) </div>
<div class=""><br class="">
</div>
<div class=""><br class="">
</div>
<div class="">An example (a bit more about javascript than css, but may help anyway) : adding support for diva.js IIIF image viewer for digital objects file_versions:</div>
<div class=""><br class="">
</div>
<div class=""><br class="">
</div>
<div class="">plugins/local/frontend/views/layout_head.html.erb: </div>
<div class="">=====</div>
<div class="">
<div class=""><!-- diva.js support: meta referrer is required by iiif.lib service to display unpublished images --></div>
<div class=""><meta name="referrer" content="origin" /></div>
<div class=""><meta name="controller" content="<%= controller.controller_name %>" /> </div>
<div class=""> <% if controller.controller_name == 'digital_objects' %></div>
<div class=""><link rel="stylesheet" href="<a href="https://cdnjs.cloudflare.com/ajax/libs/diva.js/4.1.0/css/diva.min.css" class="">https://cdnjs.cloudflare.com/ajax/libs/diva.js/4.1.0/css/diva.min.css</a>" /></div>
<div class=""><script type="text/javascript" src="<a href="https://cdnjs.cloudflare.com/ajax/libs/diva.js/4.1.0/js/diva.min.js" class="">https://cdnjs.cloudflare.com/ajax/libs/diva.js/4.1.0/js/diva.min.js</a>"></script></div>
<div class=""><script type="text/javascript"></div>
<div class="">function showDiva( obj ) { </div>
<div class=""> // alert( obj.href ); // debug </div>
<div class=""> $('#diva-wrapper').diva({</div>
<div class=""> objectData: obj.href,</div>
<div class=""> // Other options can be set here as well - see the Settings wiki page </div>
<div class=""> enableIIIFMetadata: true,</div>
<div class=""> zoomLevel: 1,</div>
<div class=""> inGrid: true, </div>
<div class=""> inBookLayout: false,</div>
<div class=""> }); </div>
<div class=""> return false; </div>
<div class="">}</div>
<div class=""></script></div>
<div class=""><% end %></div>
<div class=""><br class="">
</div>
</div>
<div class=""><br class="">
</div>
<div class=""><br class="">
</div>
<div class="">======</div>
<div class="">and file_versions/_show.html.erb copied from frontend/app/views and modified to add a div with id=“diva-wrapper” to match the jQuery selector above: </div>
<div class="">======</div>
<div class=""><br class="">
</div>
<div class=""><br class="">
</div>
<div class="">diff frontend/app/views/file_versions/_show.html.erb plugins/local/frontend/views/file_versions/_show.html.erb <br class="">
9c9<br class="">
< <div class="panel panel-default"><br class="">
---<br class="">
> <div class="panel panel-default" ><br class="">
26c26<br class="">
< <%= render_aspace_partial :partial => "file_versions/file_uri", :locals => {:file_uri => uri_or_string( file_version['file_uri'] ) } %><br class="">
---<br class="">
> <%= render_aspace_partial :partial => "file_versions/file_uri", :locals => {:file_uri => URI( file_version['file_uri'] ) } %><br class="">
28a29<br class="">
> <div id="diva-wrapper"></div><br class="">
<br class="">
</div>
<div class=""><br class="">
</div>
<div class=""><br class="">
</div>
<div class=""><br class="">
</div>
<div class=""><br class="">
</div>
<div class=""><br class="">
</div>
<br class="">
<div>
<blockquote type="cite" class="">
<div class="">On Nov 1, 2016, at 10:38 AM, Nathan Hosburgh <<a href="mailto:NHOSBURGH@rollins.edu" class="">NHOSBURGH@Rollins.edu</a>> wrote:</div>
<br class="Apple-interchange-newline">
<div class="">
<div class="WordSection1" style="page: WordSection1; font-family: Menlo-Regular; font-size: 14px; font-style: normal; font-variant-caps: normal; font-weight: normal; letter-spacing: normal; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px;">
<div style="margin: 0in 0in 0.0001pt; font-size: 11pt; font-family: Calibri, sans-serif;" class="">
Hi,<o:p class=""></o:p></div>
<div style="margin: 0in 0in 0.0001pt; font-size: 11pt; font-family: Calibri, sans-serif;" class="">
<o:p class=""> </o:p></div>
<div style="margin: 0in 0in 0.0001pt; font-size: 11pt; font-family: Calibri, sans-serif;" class="">
We have been attempting to apply some CSS changes to AS and spinning our wheels due to a lack of understanding of the logic of AS, plugins, etc.<o:p class=""></o:p></div>
<div style="margin: 0in 0in 0.0001pt; font-size: 11pt; font-family: Calibri, sans-serif;" class="">
<o:p class=""> </o:p></div>
<div style="margin: 0in 0in 0.0001pt; font-size: 11pt; font-family: Calibri, sans-serif;" class="">
If there is someone out there who is self-hosted on AS and has applied custom CSS to their public AS site, please reach out if you are willing to assist. If anyone has created step by step instructions, that would also be great.<o:p class=""></o:p></div>
<div style="margin: 0in 0in 0.0001pt; font-size: 11pt; font-family: Calibri, sans-serif;" class="">
<o:p class=""> </o:p></div>
<div style="margin: 0in 0in 0.0001pt; font-size: 11pt; font-family: Calibri, sans-serif;" class="">
Basically, we have our custom CSS ready to go and I’m trying to figure out how to actually apply it as AS is different than any other web app we’ve used before. My web developer and I have looked at the documentation<span class="Apple-converted-space"> </span><a href="http://archivesspace.github.io/archivesspace/user/customizing-and-theming-archivesspace/" style="color: rgb(149, 79, 114); text-decoration: underline;" class="">here</a><span class="Apple-converted-space"> </span>but
it just doesn’t make sense to us.<o:p class=""></o:p></div>
<div style="margin: 0in 0in 0.0001pt; font-size: 11pt; font-family: Calibri, sans-serif;" class="">
<o:p class=""> </o:p></div>
<div style="margin: 0in 0in 0.0001pt; font-size: 11pt; font-family: Calibri, sans-serif;" class="">
Thanks<o:p class=""></o:p></div>
<div style="margin: 0in 0in 0.0001pt; font-size: 11pt; font-family: Calibri, sans-serif;" class="">
Nate<o:p class=""></o:p></div>
<div style="margin: 0in 0in 0.0001pt; font-size: 11pt; font-family: Calibri, sans-serif;" class="">
<o:p class=""> </o:p></div>
<div style="margin: 0in 0in 0.0001pt; font-size: 11pt; font-family: Calibri, sans-serif;" class="">
<span style="font-size: 10pt; color: gray;" class="">Nathan Hosburgh<o:p class=""></o:p></span></div>
<div style="margin: 0in 0in 0.0001pt; font-size: 11pt; font-family: Calibri, sans-serif;" class="">
<span style="font-size: 10pt; color: gray;" class="">Discovery & Systems Librarian<o:p class=""></o:p></span></div>
<div style="margin: 0in 0in 0.0001pt; font-size: 11pt; font-family: Calibri, sans-serif;" class="">
<span style="font-size: 10pt; color: gray;" class="">Rollins College, Olin Library<o:p class=""></o:p></span></div>
<div style="margin: 0in 0in 0.0001pt; font-size: 11pt; font-family: Calibri, sans-serif;" class="">
<span style="font-size: 10pt; color: gray;" class="">1000 Holt Avenue<o:p class=""></o:p></span></div>
<div style="margin: 0in 0in 0.0001pt; font-size: 11pt; font-family: Calibri, sans-serif;" class="">
<span style="font-size: 10pt; color: gray;" class="">Winter Park, FL 32789<o:p class=""></o:p></span></div>
<div style="margin: 0in 0in 0.0001pt; font-size: 11pt; font-family: Calibri, sans-serif;" class="">
<span style="font-size: 10pt; color: gray;" class=""><a href="mailto:nhosburgh@rollins.edu" style="color: rgb(149, 79, 114); text-decoration: underline;" class=""><span style="color: gray;" class="">nhosburgh@rollins.edu</span></a><o:p class=""></o:p></span></div>
<div style="margin: 0in 0in 0.0001pt; font-size: 11pt; font-family: Calibri, sans-serif;" class="">
<span style="font-size: 10pt; color: gray;" class="">(407) 691-1157<o:p class=""></o:p></span></div>
<div style="margin: 0in 0in 0.0001pt; font-size: 11pt; font-family: Calibri, sans-serif;" class="">
<span style="font-size: 10pt; color: gray;" class=""><o:p class=""> </o:p></span></div>
<div style="margin: 0in 0in 0.0001pt; font-size: 11pt; font-family: Calibri, sans-serif;" class="">
<span style="font-size: 10pt; color: gray;" class=""><a href="http://rollins.academia.edu/NathanHosburgh" style="color: rgb(149, 79, 114); text-decoration: underline;" class=""><span style="color: blue;" class="">http://rollins.academia.edu/NathanHosburgh</span></a></span><span style="font-size: 10pt; color: gray;" class=""><o:p class=""></o:p></span></div>
<div style="margin: 0in 0in 0.0001pt; font-size: 11pt; font-family: Calibri, sans-serif;" class="">
<o:p class=""> </o:p></div>
<div style="margin: 0in 0in 0.0001pt; font-size: 11pt; font-family: Calibri, sans-serif;" class="">
<span style="font-size: 10pt; color: rgb(118, 113, 113);" class="">“If you would tell me the heart of a man, tell me not what he reads, but what he rereads.” ― François Mauriac<o:p class=""></o:p></span></div>
<div style="margin: 0in 0in 0.0001pt; font-size: 11pt; font-family: Calibri, sans-serif;" class="">
<o:p class=""> </o:p></div>
</div>
<span style="font-family: Menlo-Regular; font-size: 14px; font-style: normal; font-variant-caps: normal; font-weight: normal; letter-spacing: normal; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; float: none; display: inline !important;" class="">_______________________________________________</span><br style="font-family: Menlo-Regular; font-size: 14px; font-style: normal; font-variant-caps: normal; font-weight: normal; letter-spacing: normal; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px;" class="">
<span style="font-family: Menlo-Regular; font-size: 14px; font-style: normal; font-variant-caps: normal; font-weight: normal; letter-spacing: normal; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; float: none; display: inline !important;" class="">Archivesspace_Users_Group
mailing list</span><br style="font-family: Menlo-Regular; font-size: 14px; font-style: normal; font-variant-caps: normal; font-weight: normal; letter-spacing: normal; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px;" class="">
<a href="mailto:Archivesspace_Users_Group@lyralists.lyrasis.org" style="color: rgb(149, 79, 114); text-decoration: underline; font-family: Menlo-Regular; font-size: 14px; font-style: normal; font-variant-caps: normal; font-weight: normal; letter-spacing: normal; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px;" class="">Archivesspace_Users_Group@lyralists.lyrasis.org</a><br style="font-family: Menlo-Regular; font-size: 14px; font-style: normal; font-variant-caps: normal; font-weight: normal; letter-spacing: normal; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px;" class="">
<a href="http://lyralists.lyrasis.org/mailman/listinfo/archivesspace_users_group" style="color: rgb(149, 79, 114); text-decoration: underline; font-family: Menlo-Regular; font-size: 14px; font-style: normal; font-variant-caps: normal; font-weight: normal; letter-spacing: normal; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px;" class="">http://lyralists.lyrasis.org/mailman/listinfo/archivesspace_users_group</a></div>
</blockquote>
</div>
<br class="">
</body>
</html>