I just made those adjustments. If you have any more/other suggestions, let me know.
You've got some links set to cross over between your sites.
In your
template.html files, change things like this:
<link rel="stylesheet" href="//sarahmichellegellar.us/gallery/themes/2018feb/coppermine.css" type="text/css" />
<link rel="stylesheet" href="//sarahmichellegellar.us/gallery/themes/2018feb/style.css" type="text/css" />
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
to this:
<link rel="stylesheet" href="css/coppermine.css" type="text/css" />
<link rel="stylesheet" href="{THEME_DIR}style.css" type="text/css" />
The correct location for the
coppermine.css file distributed with the release is as above. That was changed many releases ago, I think.
CPG 1.6 will turn
{THEME_DIR} in your
template.html into the proper link to your theme, making your theme more portable.
And notice I did not include the jQuery CDN call ... get rid of that.
With regard to thumbnails, Kristin is working okay but not Sarah or Rachel. The difference I see is the FB script.
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.5";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
If you need to keep that, try moving it to the bottom of the template file, just before the
</body> tag.
Or implement it in a manner as FB suggests when using jQuery:
<script type="text/javascript">
$(document).ready(function() {
$.ajaxSetup({ cache: true });
$.getScript('https://connect.facebook.net/en_US/sdk.js', function(){
FB.init({
appId: '{your-app-id}',
version: 'v2.7' // or v2.1, v2.2, v2.3, ...
});
$('#loginbutton,#feedbutton').removeAttr('disabled');
FB.getLoginStatus(updateStatusCallback);
});
});
</script>
I don't see any use of the fadeslideshow code.